充分利用 WordPress Gutenberg 編輯器的 6 個技巧
已發表: 2022-11-02Gutenberg 主題於 2018 年 12 月下旬推出,此時 WordPress 用戶正在使用它。 Gutenberg 編輯器是新的塊編輯器,可簡化創建複雜的 WordPress 頁面和帖子的過程。
WordPress 的古騰堡編輯器改變了 WordPress 作者創建帖子的方式。 它使用各種“塊”,您可以按照不同的方式排列這些塊以滿足您的需要。
自推出以來,古騰堡已經見證了超過 7830 萬次安裝和 280 多萬個帖子。 即使在今天,每天仍有超過 150,000 篇文章使用古騰堡撰寫。
此外,Gutenberg Phase 3 一旦推出並推出,就可以在 WordPress 中提供協作出版。
Gutenberg 的塊有助於創建內容——從文本到圖像、視頻和表格。 總體而言,它具有各種尖端功能,可顯著減少構建或管理網站時完成任務所需的工作量和時間。
現在讓我們探索一些關鍵功能、提示和技巧,以充分利用它。
目錄
1.充分利用內容塊
通過內置的 TinyMCE 編輯器使用 Gutenberg 新穎的內容塊和選項。
資料來源:探索內容塊選項
您可以搜索公共塊、小部件和佈局元素以快速格式化。 最新的更新有最近的改進,包括——
- 封面圖片
- 文件下載
- 按鈕等
您使用的許多插件可能都有可用的塊。 例如,如果您使用的是圖庫插件,它可能會附帶一個專用的圖庫塊。
2. 移除方塊
如果您不小心添加了一個塊,您可以刪除它。 這通常發生在您剛接觸它或有很多事情要做時。
資料來源:如何刪除塊
請按照以下三個步驟擺脫寫作障礙——
- 選擇要刪除的元素。
- 通過單擊塊右上角的“...”按鈕訪問更多選項。
- 找到刪除塊的選項並選擇它。
您還可以使用 Ctrl + Alt + Z 的快捷組合。

3.配置高級塊設置
瀏覽側邊欄中的其他設置以自定義您添加的所有塊。 根據塊的不同,您可以訪問一些其他設置或塊的視覺外觀、佈局和功能的各種自定義選項。
單擊編輯器中的塊以打開塊設置。 編輯器中的塊選項可讓您探索此類選項。 接下來,從邊欄中選擇“阻止”菜單項以調整其設置。
按鈕塊的配置如下圖所示。
資料來源:探索塊選項
您可以在側邊欄中訪問塊的設置,其中有許多選項可以選擇不同的大小、顏色等。
所有更改都會立即反映在編輯器中。
請記住,每個塊都有獨特的設置,允許您以不同的方式配置它們。 例如,下圖顯示了一些基本的排版和顏色自定義選項。
來源:常規段落文本的塊設置。
4.複製塊及其所有設置
協同編輯需要一致性。 很有可能,當多位作者處理同一文檔時,設計和样式可能會發生變化。 因此,保持一致的 Block 設置是必要的。 為此,嘗試分四步複製整個塊設置——
- 選擇塊。
- 單擊塊工具欄上的三點圖標。
- 選擇複製
- 然後,只需使用“Ctrl + V”或右鍵單擊並選擇“粘貼”來粘貼塊。
這樣,您可以保留塊設置而不丟失您的自定義樣式。
來源:如何復制一個塊及其所有設置。
5.發現並使用古騰堡編輯器快捷鍵
誰不喜歡捷徑? 使用 Gutenberg 的快捷方式保持高效,支持大多數常用的組合鍵(用於復制、粘貼、撤消等)。 最重要的是,古騰堡有許多獨特的鍵盤快捷鍵,可以為您帶來好處。
您可以使用 Shift + Alt + H (Windows) / Ctrl + Alt + H (Mac) 打開完整的快捷方式菜單
資料來源:古騰堡便捷快捷方式列表
以下是古騰堡中一些流行的快捷方式——
- Ctrl + Alt + Backspace:刪除現有的/選擇的。 這是一個巨大的幫助,因為刪除塊通常需要多次點擊。
- Ctrl + Alt + T:在現有塊之前添加一個新塊。
- Ctrl + Alt + Y:在現有塊之後插入新塊
- Ctrl + A + A:給整個部分加下劃線。
除了鍵盤快捷鍵,您還可以使用 markdown 語法。
以下是古騰堡中有效 Markdown 語法輸入的一些示例的概要:
- 使用“##”創建標題
- 輸入“1”。 開始創建有序列表
- 使用“*”創建無序列表
- 使用“>”創建引號
例如,鍵入“##”並按空格鍵開始用 H2 書寫。 這樣,古騰堡就會自動創建一個標題塊。
6.使用拖放重新排列塊
以前,如果您需要重新定位塊內容,則必須複製和粘貼它。 只需將其拖放到您想要放置的位置即可。 導航到塊的右側並選擇這六個點,如下圖所示。
來源:如何使用拖放功能
選擇此按鈕後,您可以輕鬆地將塊移動到不同的位置並將其放在所需位置。
清盤
自 2018 年推出以來,整個 Gutenberg 塊編輯器發生了翻天覆地的變化。它現在為您提供全站編輯,其中塊編輯器在 WordPress 中扮演著更重要的角色。
要充分利用 WordPress 塊編輯器,您需要學習如何創建新塊、編輯它們以及如何利用它們來發揮您的優勢。
塊系統非常直觀,因為它們的預裝功能非常方便。 但是,您可以按照上面提到的提示和技巧來擴展它的用途。