Gutenberg 古騰堡文章編輯
Gutenberg 古騰堡文章編輯

WordPress Gutenberg 古騰堡文章編輯教學

教你如何簡單開始使用Gutenberg 古騰堡文章編輯!

目錄

WordPress 古騰堡編輯器是新編輯器的開發名稱,該編輯器現已合併到WordPress核心中,它取代了長期存在的視覺或“經典”編輯器。

一定要學會的Gutenberg 古騰堡文章編輯,非常的簡單好用唷!

如何新增標題及段落?

點選左上角的方塊+號即可以新增你想要的區塊內容。標題的部分可以修改H1~H6。

文章編輯1
如何新增標題及段落

直接在文字編輯區輸入文字時,後台會自己將此區塊定義為段落。點選第一個段落符號可以將這個區塊轉換成其他類型區塊。

文章編輯2
轉換成其他類型區塊

如何修改特定文字樣式、超連結、排版?

點選在文字段落或是標題時,會出現該區塊的小工具列,可以針對特定文字加上粗體斜體超連結等等。

也可以修改該段落的對齊方式。

文章編輯3
文字樣式

由左至右分別為:

  • 區塊圖示
  • 拖放區塊(滑鼠移至此處即可拖移該區塊)
  • 上移或下移該區塊
  • 該段落對齊方式
  • 粗體(反白該區塊愈粗體的文字後點選)
  • 斜體(反白該區塊愈斜體的文字後點選)
  • 超連結(反白該區塊愈超連結的文字後點選,並輸入網址,可以設定是否另開新視窗)
  • 更多選項
文章編輯4
更多文字樣式

點選更多選項,可以對文字進行更多編輯。

如何修改字型大小、顏色?

點選該區塊時,左邊會跑出設定欄,可以在這裡進行文字大小、色彩設定。色彩設定除了文字色彩也可以設定背景色彩。

文章編輯 5
文字大小、色彩、背景顏色設定

測試:文字大小設定、文字色彩、背景色彩設定。

如何新增圖片或圖庫?

除了左上角的方塊+號,也可以點選區塊最後面的方塊+號,或是輸入斜線(/)選取區塊類型。

選擇圖片或圖庫後,即可上傳檔案或是從媒體庫選擇圖片。

文章編輯 6
新增圖片、圖庫

圖庫測試:

選擇完照片後,可以修改圖片排列順序、圖片說明等等,右邊會出現圖庫設定欄位,可以修改圖庫的欄位設定、是否剪裁圖片、點選圖片時要連結到哪裏、圖片尺寸

如何嵌入YouTube影片?

選擇 YouTube 區塊後,貼上欲嵌入影片的 YouTube 網址即可,簡單又快速!

文章編輯 7
嵌入YouTube影片

YouTube 影片嵌入測試:

延伸閱讀:

Share 分享 :

分享在 facebook
分享在 twitter
分享在 telegram
分享在 email
Related Post

最新文章

網站設計 留白設計

乾淨的網站介面:15 個網站設計留白技巧

網站設計的多樣化我們時刻可以感受到,在瀏覽不同網站的時候,哪種網頁設計可以讓使用者覺得舒適、願意繼續瀏覽?乾淨簡約的風格越來越流行,讓我們一起來看看網站設計留白技巧吧!

Selected Post

精選文章

黑帽SEO

什麼是黑帽SEO?要避免的9種危險手法

以前許多行銷人員大量使用黑帽SEO策略對網站進行排名;然而,時代變了,大家逐漸瞭解到使用白帽SEO才能真正幫助網站長久發展。在本文中,將深入探討如果您不想違反演算法或網站管理員指南,應該避免使用哪些SEO手法。

定期維護網站

定期維護網站的重要性

你的網站是不是做好就放在那裡,好幾年沒有去更新、維護它呢?許多人可能不知道定期維護網站的重要性,讓這篇文章為你說明。

WordPress 維護

16個 WordPress 維護的技巧

網站架好了要如何進行 WordPress 維護?你需要定期維護網站核心功能、安裝的外掛、主題和其他方面。WordPress 是一個很棒的內容管理平台,但做好網站維護是讓你的網站在市場上走得更久的關鍵。