充分利用 WordPress Gutenberg 編輯器的 6 個技巧

已發表: 2022-11-02

Gutenberg 主題於 2018 年 12 月下旬推出,此時 WordPress 用戶正在使用它。 Gutenberg 編輯器是新的塊編輯器,可簡化創建複雜的 WordPress 頁面和帖子的過程。

WordPress 的古騰堡編輯器改變了 WordPress 作者創建帖子的方式。 它使用各種“塊”,您可以按照不同的方式排列這些塊以滿足您的需要。

自推出以來,古騰堡已經見證了超過 7830 萬次安裝和 280 多萬個帖子。 即使在今天,每天仍有超過 150,000 篇文章使用古騰堡撰寫。

此外,Gutenberg Phase 3 一旦推出並推出,就可以在 WordPress 中提供協作出版。

Gutenberg 的塊有助於創建內容——從文本到圖像、視頻和表格。 總體而言,它具有各種尖端功能,可顯著減少構建或管理網站時完成任務所需的工作量和時間。

現在讓我們探索一些關鍵功能、提示和技巧,以充分利用它。

目錄

1.充分利用內容塊

通過內置的 TinyMCE 編輯器使用 Gutenberg 新穎的內容塊和選項。

資料來源:探索內容塊選項

您可以搜索公共塊、小部件和佈局元素以快速格式化。 最新的更新有最近的改進,包括——

  • 封面圖片
  • 文件下載
  • 按鈕等

您使用的許多插件可能都有可用的塊。 例如,如果您使用的是圖庫插件,它可能會附帶一個專用的圖庫塊。

2. 移除方塊

如果您不小心添加了一個塊,您可以刪除它。 這通常發生在您剛接觸它或有很多事情要做時。

刪除古騰堡塊

資料來源:如何刪除塊

請按照以下三個步驟擺脫寫作障礙——

  1. 選擇要刪除的元素。
  2. 通過單擊塊右上角的“...”按鈕訪問更多選項。
  3. 找到刪除塊的選項並選擇它。

您還可以使用 Ctrl + Alt + Z 的快捷組合。

3.配置高級塊設置

瀏覽側邊欄中的其他設置以自定義您添加的所有塊。 根據塊的不同,您可以訪問一些其他設置或塊的視覺外觀、佈局和功能的各種自定義選項。

單擊編輯器中的塊以打開塊設置。 編輯器中的塊選項可讓您探索此類選項。 接下來,從邊欄中選擇“阻止”菜單項以調整其設置。

按鈕塊的配置如下圖所示。

您可以在側邊欄中訪問塊的設置

資料來源:探索塊選項

您可以在側邊欄中訪問塊的設置,其中有許多選項可以選擇不同的大小、顏色等。

所有更改都會立即反映在編輯器中。

請記住,每個塊都有獨特的設置,允許您以不同的方式配置它們。 例如,下圖顯示了一些基本的排版和顏色自定義選項。

常規段落文本的塊設置
來源:常規段落文本的塊設置。

4.複製塊及其所有設置

協同編輯需要一致性。 很有可能,當多位作者處理同一文檔時,設計和样式可能會發生變化。 因此,保持一致的 Block 設置是必要的。 為此,嘗試分四步複製整個塊設置——

  1. 選擇塊。
  2. 單擊塊工具欄上的三點圖標。
  3. 選擇複製
  4. 然後,只需使用“Ctrl + V”或右鍵單擊並選擇“粘貼”來粘貼塊。

這樣,您可以保留塊設置而不丟失您的自定義樣式。
如何在 Gutenberg WordPress 編輯器中復制一個塊及其所有設置
來源:如何復制一個塊及其所有設置。

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.使用拖放重新排列塊

以前,如果您需要重新定位塊內容,則必須複製和粘貼它。 只需將其拖放到您想要放置的位置即可。 導航到塊的右側並選擇這六個點,如下圖所示。

Rearrange the Blocks

來源:如何使用拖放功能

選擇此按鈕後,您可以輕鬆地將塊移動到不同的位置並將其放在所需位置。

清盤

自 2018 年推出以來,整個 Gutenberg 塊編輯器發生了翻天覆地的變化。它現在為您提供全站編輯,其中塊編輯器在 WordPress 中扮演著更重要的角色。

要充分利用 WordPress 塊編輯器,您需要學習如何創建新塊、編輯它們以及如何利用它們來發揮您的優勢。

塊系統非常直觀,因為它們的預裝功能非常方便。 但是,您可以按照上面提到的提示和技巧來擴展它的用途。