方格子 vocus
2017-12-04|閱讀時間 ‧ 約 6 分鐘
69收藏
分享

編輯器介紹與教學

編輯器教學更新時間:2020/12/17
  • 還不是方格子的作者嗎?點此:申請成為作者
  • 若你已經是方格子的作者,只要使用電腦登入方格子,就能在右上角看到「開始寫作」的按鈕了。 *小提醒:因尚未開放手機寫作,請用電腦登入,才能看到「開始寫作」按鈕

方格子的編輯器簡單、容易上手,保留最核心的功能,沒有過多的格式、大小、字元、顏色,維持一致的閱讀體驗,讓讀者能夠更加專注在你精彩的故事與內容上。
除了有常用的粗體、斜體、底線、刪除線、標題(H2與H3)等功能外,方格子的編輯器還有一些貼心的小設計,例如關燈寫作功能。此外,我們也在持續努力優化並推出更多完善的功能。
方格子編輯器有3個部分:
  • 左側功能欄:包含調整文章體例功能,例如標題大小、文字置中等
  • 插入功能列:讓文章錦上添花的功能,例如插入圖片、嵌入網頁等
  • 反白功能列:改變文字樣式的功能,例如粗體、斜體、建立連結等
不用擔心找不到,接下來會一一為你介紹~

左側功能欄

只要點擊「開始寫作」打開編輯器,就可以在左側看到這一條!
  1. 切換標題大小:可變換三種字型尺寸(大、中、一般) 可以利用三種尺寸的字形,建立大標、小標,輕鬆地將文章分段。
  2. 引言:共有兩種引言格式,可自由挑選 善用引言來凸顯文章中的重點語句,也能讓讀者更瞭解文章的亮點。
  3. 置中:可將文字置中
  4. 數字項目符號:可使用1,2,3⋯來條列內容
  5. 圓點項目符號:可使用「・」符號來條列內容
  6. 關燈:長時間寫作時,可以讓眼睛更舒適,減少螢幕光害 善用關燈功能,為長時間盯著螢幕的自己製造最舒適的創作環境!

插入功能列

將游標移到新段落處,「+」就會出現了,點開「+」後會出現5個功能鍵。 *小提醒:找不到「插入編輯器」的話,別太緊張,按下Enter鍵或將游標移到新段落處,「+」就會出現了。
插入功能列總共有5個功能

1. 插入圖片/gif檔:可以從你的電腦中上傳你想插入的圖片或gif檔 插入圖片後,只要點選圖片,圖片上方就會出現「圖片設定工具」:除了三種圖片版型(文繞圖、置中、圖滿版)供你挑選,也可以選擇將圖片霧化、或是刪除這張圖片。
如果你的圖片有點殘忍、血腥、兒童不宜,或是你想製造一些驚喜感(例如不想爆雷),可以使用「圖片霧化」功能,這樣你的圖片就會被霧化,讀者需要先點擊圖片,才能看到清晰完整的圖片內容。
此外,適時在圖片下方撰寫圖片文字敘述(即圖說),可以幫助讀者更了解圖片的重要。(圖說也能插入超連結哦!歡迎在圖說中放入圖片來源或延伸閱讀的網址)
2. 插入Youtube影片:貼上Youtube網址,即可插入影片
3. 插入免費圖庫:可以透過Unsplash提供的免費圖庫服務,為文章插入美麗圖片,省去找圖的麻煩(教學文章:如何替文章找到好看又免費的插圖)。從免費圖庫插入的圖片,也可以使用「圖片設定工具」喔!
4. 嵌入:如果你想把某個網址直接放在文章中,可以使用這個功能,讓網址美美地呈現。為了將網址轉換成美美的樣子,此功能的反應可能會慢一些,麻煩你耐心稍待了。使用範例:
  • 如果把一段網址直接貼在文章中,會醜醜的,如:https://vocus.cc/
  • 如果使用「嵌入」功能則會變成這樣,很美吧:
5. 插入分隔線:可以在文章中插入分隔線!(立刻插入分隔線做範例!)

反白功能列

如果你想對某些文字進行更細微的編輯,請先選取(反白)目標文字,就能看到更多功能鍵,不論是文章內文、還是圖說都可以使用喔!
反白功能列總共有5個功能!
以下是這些功能的介紹:
  1. 粗體:讓文字加粗
  2. 斜體:讓文字變為斜體
  3. 底線:為文字加上底線
  4. 刪除線:為文字加上刪除線
  5. 常用標點符號:可插入共8種常用符號
  6. 插入超連結:可插入超連結

再跟你講兩個方格子編輯器的重點!

重點:所見即所得,寫完文章不用再預覽啦!
所見即所得的意思是,作者在編輯頁面所看見的畫面,等同於文章發布後讀者所能看到的樣子。讓作者不需「預覽」,就能即時調整文章樣貌。
重點:即時儲存
編輯器提供了即時儲存的功能,每當內容有了變動,編輯器便會每10秒自動儲存一次。儲存完成後,會在編輯器的左上方顯示「請放心,內容已自動儲存」(如下圖)。寫到哪裡就儲存到哪裡,讓寫作變成一件更加舒服的事情。
左上方顯示「請放心,內容已自動儲存」,代表文章內容已即時儲存

都已經完成編輯了嗎?接下來就要發佈文章了!

緊接著看看準備發佈工具的更多細節!

以上是編輯器教學,如果在使用的過程中有任何需要,都歡迎寄信至以下信箱,將有小幫手為你解惑哦! [email protected]
會使用編輯器了,但想讓文章的排版更進一步嗎?歡迎參考編輯教學: 方格子編輯分享:讓文章更易讀的排版技巧
分享至
成為作者繼續創作的動力吧!
方格子作者們的常見Q&A與相關教學文章都在這!找找看是否有你想要的答案吧。
編輯精選專題

69收藏
分享
留言
分享
69留言收藏