[ad_1]
WordPress 5.0 將於 2018 年 12 月 6 日發布，帶來了一項重大更新——新的古騰堡編輯器。 如果您想充分利用此工具，則需要了解 Gutenberg 塊系統。
Gutenberg 幫助您以比以前的 TinyMCE 編輯器更直觀的方式創建內容。 為此，它提供了一個預構建元素或「塊」庫。 每個塊都可以添加到頁面或帖子並進行自定義。 有一些塊可以處理文本和圖像等基本組件，也有一些提供高級功能（例如按鈕和表格）的塊。
如何使用 Gutenberg 塊創建 WordPress 帖子（分 3 步）
假設您已將站點更新到 WordPress 5.0，您的站點應默認使用新的 Gutenberg 編輯器。
剩下的就是學習如何應用新的古騰堡塊系統！
我們將通過引導您了解創建基本 WordPress 帖子的過程來說明編輯器的主要功能，但無論您使用 Gutenberg 創建什麼類型的內容，您都可以使用相同的方法。
第 1 步：在您的帖子中添加一個區塊
您要做的第一件事是使用編輯器頂部的專用欄位為您的帖子命名：
這與在經典編輯器中的工作方式完全相同。 然而，在那之後，事情開始發生變化。
如果您將滑鼠懸停在帖子標題正下方的區域上，您會看到一些圖標：
加號圖標可讓您選擇 Gutenberg 塊並將它們添加到您的帖子中。 在右側，還有快速添加最常用塊的選項——文本、圖像和圖庫選項。
現在，單擊加號圖標，您將看到一個新菜單：
此菜單列出了編輯器當前包含的所有 Gutenberg 塊。 頂部有一個部分，其中包含您自己的「最常用」選項，下方有許多有組織的類別，甚至還有一個搜索欄，可幫助您快速找到所需內容。
要將塊添加到您的帖子中，您只需找到並單擊它。 讓我們從一個簡單的段落塊開始。 將塊放在您的帖子中，然後繼續下一步（您也可以通過簡單地在編輯器中輸入來創建段落塊）。
第 2 步：自定義您的區塊
當您添加段落塊時，它看起來並不多。 但是，一旦您開始在該欄位中輸入內容，就會出現新選項：
您將看到一些基本的格式設置，例如對齊、粗體和斜體。 此外，查看編輯器屏幕的右側邊欄：
在那裡，您會找到更多特定於塊的選項。 在這種情況下，您可以更改文本的字體大小和顏色，添加首字下沉，甚至包括一些自定義 CSS（在「高級」菜單中）。 您在此處或在塊本身上所做的任何更改都將立即可見。
提供的每個古騰堡街區都有自己獨特的設置。
例如，如果您按 Enter，您將在段落塊下方添加一個新塊。 但是，這次您可以嘗試使用相同的加號添加圖像塊：
如您所見，您可以上傳圖片或添加媒體庫中已有的圖片。 您可以編輯圖像、更改其對齊方式以及在邊欄中添加 CSS。
生產力提示：作為點擊加號的替代方法，您可以在空塊中鍵入「/」，然後輸入要插入的塊的名稱。 一旦您了解了哪些塊可用，這是添加新塊的更快方法。
毫無疑問，您將使用大量的段落和圖像塊。 然而，古騰堡有更多的東西可以提供。 還有許多古騰堡塊提供了經典編輯器中沒有的新選項。
例如，您可以在帖子中添加一個 Button 塊：
這將為訪問者創建一個可點擊的按鈕以與之交互。 您可以編輯按鈕本身的文本，並在下面包含它將鏈接到的 URL：
通過選擇塊左上角的圖標，您可以更改按鈕的樣式：
此外，您可以更改邊欄中的背景和文本顏色。 雖然這不是一個廣泛的選項，但創建一個方便的自定義按鈕就足夠了，您可以使用它來鼓勵訪問者註冊電子郵件列表、購買產品或任何其他您喜歡的東西。
第 3 步：對您的帖子進行最後的潤色
添加了幾個塊後，您可能會發現自己想要進行一些更改。 幸運的是，Gutenberg 編輯器非常靈活，可以讓您修改內容的布局。
例如，如果要刪除塊，可以選擇其上方的選項圖標，然後單擊刪除塊：
通過將滑鼠懸停在一個塊上，您可以使用向上和向下箭頭隨意重新排列您的塊。 或者，您也可以單擊箭頭之間的六個點以使用拖放來移動塊：
生產力提示：Gutenberg 包含許多鍵盤快捷鍵，可幫助您快速刪除塊或插入新塊。 鍵入 Shift + Alt + H 查看所有 Gutenberg 鍵盤快捷鍵。
還值得注意的是，您可以創建多列布局。 這是一個令人興奮的功能，儘管在撰寫本文時它仍處於測試階段。 您可以通過在帖子中放置一個 Columns 塊來訪問它：
這使您可以創建多達六個並排的列，並在每個列中放置您想要的任何塊。 這是一個為創建獨特布局提供了很大潛力的選項。
最後，重要的是要注意您仍然可以訪問帖子範圍（或頁面範圍）的設置。 在右側邊欄中，單擊「文檔」選項卡以找到它們：
在這裡，您會找到您熟悉的大多數選項。 您可以發布帖子、設置作者、選擇類別和標籤、添加特色圖片等。 您甚至可以在討論菜單中修改評論設置。 但是，您不需要保存內容，因為它會在您工作時頻繁自動保存。
這是您使用古騰堡積木系統所需要知道的全部內容！ 它很快就能上手，但還有比我們在這裡介紹的更多的選擇。 我們鼓勵您繼續嘗試各種可用的 Gutenberg 塊，並對所提供的選擇感到滿意（這樣當編輯器真正啟動時您就可以準備好了）。
您也可以使用插件添加新塊
Gutenberg 最強大的功能之一是您可以使用插件將各種新塊添加到編輯器中。 事實上，您最喜歡的一些插件可能已經添加了自己的塊。
例如，一些圖庫插件現在允許您使用塊插入圖庫，而不是許多插件使用的舊短代碼方法。
除此之外，您還可以找到大量專門用於添加新塊的插件。 例如，Otter Blocks 插件為您提供塊：
您還可以在 WordPress.org 上找到許多其他 Gutenberg 塊插件。
另一個值得一提的插件是 Cloud Blocks 插件。 雖然它仍處於測試階段，但它提供了一種有趣的方法，可讓您「從雲端」安裝來自第三方開發人員的 Gutenberg 塊。
結論
隨著 WordPress 5.0 的發布，Gutenberg 將成為所有 WordPress 網站的默認編輯器（除非您使用的是經典編輯器插件）。
幸運的是，在 Gutenberg 中創建內容非常簡單。 你只需要：
- 將您想要的任何 Gutenberg 塊添加到您的帖子或頁面。
- 自定義每個塊的單獨設置。
- 如果您願意，可以重新排列塊、刪除它們，甚至將它們組織成列。
如果您想在設計中使用更多塊，請考慮添加眾多 Gutenberg 塊插件之一。
如果您想要更全面的 Gutenberg 教程，我們為新手編寫了更通用的 Gutenberg 帖子，以及包含一些高級生產力技巧的詳細的 Gutenberg 編輯器教程。