wordpress 5.0引入了Gutenberg作為其默認(rèn)編輯器。它為使用區(qū)塊創(chuàng)建內(nèi)容提供了新的界面和體驗。

WP開發(fā)人員通過在WordPress 5.9中引入完整的站點編輯，將區(qū)塊編輯概念提升到了一個新的水平。本質(zhì)上，區(qū)塊編輯器現(xiàn)在取代了WordPress定制器作為編輯主題和網(wǎng)站外觀的主要工具。

本文將向您展示如何使用新的WordPress區(qū)塊編輯器（古騰堡編輯器）進(jìn)行完整的站點編輯。

• 什么是古騰堡編輯器？
• 古騰堡編輯器如何工作？
• 使用古騰堡區(qū)塊編輯器
• 如何看待古騰堡編輯器？

什么是古騰堡編輯器？

古騰堡（Gutenberg）編輯器是預(yù)裝在WordPress 5.0及更高版本中的新WordPress編輯器。它為內(nèi)容創(chuàng)建過程引入了一種新方法，讓您可以更好地控制內(nèi)容的視覺方面。

古騰堡編輯器如何工作？

Gutenberg編輯器使用內(nèi)容區(qū)塊的概念來添加和編輯文章和頁面中的各種元素，例如文本、圖像、文件和鏈接。以前的默認(rèn)WordPress編輯器TinyMCE專注于文本編輯。

提示：雖然新的區(qū)塊編輯器預(yù)裝在WordPress 5.0及更高版本中，但使用舊版本W(wǎng)ordPress的用戶也可以通過安裝Gutenberg插件來使用區(qū)塊編輯器。但是，我們強烈建議將核心WordPress軟件更新到最新版本。

在WordPress 5.9更新之后，Gutenberg編輯器不僅僅是一個內(nèi)容編輯器。它包括網(wǎng)站定制的所有方面，包括主題編輯和頁面或文章創(chuàng)建。

新編輯器還提供了更好的頁面視覺表示，使其比以前的WordPress編輯器更像一個頁面構(gòu)建器。

它將標(biāo)題、文本和圖像等網(wǎng)站元素分解為區(qū)塊，使它們更易于管理和定制。

選擇任何區(qū)塊，您可以單獨對其進(jìn)行自定義，例如設(shè)置不同的背景顏色或排版而不影響其他區(qū)塊或元素。這為站點編輯提供了更多自定義選項和靈活性。

新界面用戶友好，讓新用戶可以快速學(xué)習(xí)如何使用WordPress。所有的區(qū)塊都根據(jù)它們的結(jié)構(gòu)列在一個可折疊的列表中。調(diào)整他們在網(wǎng)站上的位置很容易，因為用戶只需在列表視圖中拖放各個區(qū)塊。

用戶可以通過單擊頂部欄或頁面預(yù)覽上的加號 (+)按鈕來添加區(qū)塊。

每個區(qū)塊都有不同的配置和設(shè)計工具。例如，段落區(qū)塊帶有更改顏色和排版的工具。另一方面，圖像區(qū)塊具有添加替代文本和調(diào)整圖像尺寸的工具。

新的全站點編輯方法還減少了對編碼和自定義CSS的需求。新的區(qū)塊編輯器引入了控制theme.json文件的全局樣式面板。這使用戶可以更改整個站點的樣式，例如直接在默認(rèn)編輯器上添加自定義顏色和更改排版。

使用古騰堡區(qū)塊編輯器

Gutenberg編輯器界面可能會讓初次使用的用戶或任何習(xí)慣使用經(jīng)典編輯器的人感到困惑。以下是一些關(guān)于通過Gutenberg編輯器構(gòu)建網(wǎng)站和管理內(nèi)容的指南。

1. 添加新的博客文章或頁面

為您的網(wǎng)站創(chuàng)建內(nèi)容首先使用Gutenberg區(qū)塊編輯器添加新文章或頁面。

博客文章有一個發(fā)布日期，并且通常按時間倒序出現(xiàn)在網(wǎng)站上。同時，頁面是靜態(tài)的并提供永恒的信息，例如About、Privacy?Policy和Contact頁面。

如果您打算創(chuàng)建一個新文章，請在您的WordPress儀表盤上訪問文章->添加新內(nèi)容。

進(jìn)入默認(rèn)內(nèi)容編輯器后，您會看到一個空白草稿，其中包含文章標(biāo)題和第一段區(qū)塊的占位符。添加文章標(biāo)題和新區(qū)塊以創(chuàng)建內(nèi)容。

在右側(cè)邊欄中找到文章設(shè)置。您可以在此處設(shè)置文章作者、文章模板、固定鏈接和文章類別。

創(chuàng)建新頁面是一個類似的過程。導(dǎo)航到Pages?->?Add New，您將看到與創(chuàng)建文章的界面相同的界面。唯一的區(qū)別是右側(cè)邊欄中的頁面屬性設(shè)置，它指定了父頁面和頁面順序。頁面也沒有類別或標(biāo)簽設(shè)置。

2. 全局樣式界面

當(dāng)前的WordPress編輯器具有全局樣式界面，無需編碼即可自定義整個站點的顏色、排版和布局。

但是，該功能僅在WordPress 5.9中使用基于區(qū)塊的主題時可用，包括基于區(qū)塊的子主題。通過導(dǎo)航到外觀->站點編輯器進(jìn)入站點編輯器，然后單擊屏幕右上角的黑白圖標(biāo)。全局樣式界面將出現(xiàn)在右側(cè)。

將有四個方面需要修改——排版、顏色、布局和區(qū)塊。

在排版設(shè)置中管理文本和鏈接的字體系列、大小、行高和字體外觀。

在顏色設(shè)置中，您會發(fā)現(xiàn)兩個主要項目——調(diào)色板和元素。調(diào)色板顯示可用于網(wǎng)站元素的顏色——主題調(diào)色板和默認(rèn)顏色可用于整個網(wǎng)站。自定義顏色選擇器可讓您向調(diào)色板添加更多顏色。

顏色自定義的元素部分包括三個方面——背景、文本和鏈接。單擊其中任何一個以自定義其顏色。

全局樣式的下一項是布局。本質(zhì)上，這使您可以為每個網(wǎng)站元素指定填充。

全局樣式界面中的最后一項是區(qū)塊選項卡，可讓您自定義特定區(qū)塊。選擇此選項，您將看到可用區(qū)塊的列表。選擇其中任何一個開始定制。根據(jù)區(qū)塊，您可以修改其布局、顏色、排版或所有這些。

3.模板編輯模式

新的WordPress區(qū)塊編輯器包括模板編輯模式。大多數(shù)基于區(qū)塊的主題都與此功能兼容，因此您可以使用區(qū)塊編輯器編輯文章、頁面或404頁面的主題模板。它甚至允許您創(chuàng)建一個新模板。

導(dǎo)航到Appearance?->?Site Editor轉(zhuǎn)到站點編輯器。通過單擊屏幕左上角的WordPress徽標(biāo)并選擇Templates打開可折疊導(dǎo)航側(cè)邊欄。您應(yīng)該會在右上角看到可用模板列表和添加新按鈕。

4.插入?yún)^(qū)塊樣板

如果您沒有時間自定義每個區(qū)塊，則可以使用內(nèi)置區(qū)塊樣板。單擊編輯器屏幕頂部的加號(?+ ) 按鈕，然后選擇Patterns選項卡以找到幾個不同樣式的預(yù)構(gòu)建區(qū)塊樣板。

單擊下拉菜單以瀏覽按鈕、列、畫廊和標(biāo)題的區(qū)塊樣板。

5.添加一個新區(qū)塊

區(qū)塊是古騰堡編輯器的核心功能。每個區(qū)塊都承載一個元素，因此為您的文章和頁面創(chuàng)建自定義內(nèi)容布局更容易訪問。

如果您添加新文章或頁面，WordPress區(qū)塊編輯器會將段落區(qū)塊設(shè)置為默認(rèn)內(nèi)容塊。它使開始內(nèi)容創(chuàng)建過程變得更加容易。

為內(nèi)容添加更多區(qū)塊，按回車，編輯器會自動添加另一個段落區(qū)塊，方便您在輸入長文本時使用。

但是，您可能希望將其他區(qū)塊元素添加到文本中。為此，請單擊屏幕左上角的加號(?+ ) 按鈕，然后選擇或搜索所需的區(qū)塊。

單擊內(nèi)容區(qū)域上的加號按鈕將顯示一個彈出窗口，其中包含六個最近使用的區(qū)塊，從而更容易插入常用區(qū)塊。或者，使用搜索欄查找特定區(qū)塊。

6. 插入小工具

小工具現(xiàn)在已集成到古騰堡編輯器中，因此添加小工具與添加其他區(qū)塊相同。

在舊的WordPress核心版本上，需要使用特定于小工具的頁面和主題定制器來管理它們。

單擊編輯器屏幕頂部的加號(?+ ) 按鈕，然后選擇Blocks選項卡。向下滾動到小工具部分以查找小工具的所有可用區(qū)塊。

7. 使用區(qū)塊

了解如何使用Gutenberg區(qū)塊將改善您的博客體驗并加快您的工作流程。

新編輯器像經(jīng)典編輯器一樣為元素格式化和對齊提供了一個工具欄。它出現(xiàn)在當(dāng)前活動區(qū)塊的頂部，并由不同的工具組成，具體取決于區(qū)塊類型。

例如，段落區(qū)塊將具有粗體、斜體和調(diào)整文本對齊方式的選項。

同時，圖像區(qū)塊可讓您更改圖像對齊并切換到不同的區(qū)塊類型。

向上和向下箭頭可讓您移動區(qū)塊以重新排列區(qū)塊順序?；蛘撸瑔螕羝聊豁敳康?strong>列表視圖圖標(biāo)。它將按照它們在頁面上出現(xiàn)的順序顯示所有內(nèi)容區(qū)塊。

拖放任何區(qū)塊以將其移動到列表中的新位置。此功能可以更輕松地處理復(fù)雜的內(nèi)容結(jié)構(gòu)，尤其是在有多個嵌套區(qū)塊的情況下。

每個區(qū)塊還具有不同的設(shè)計工具，具體取決于區(qū)塊類型。點擊屏幕右上角的設(shè)置按鈕，右側(cè)會出現(xiàn)一個側(cè)邊欄。

例如，圖像區(qū)塊具有輸入替代文本的字段，而導(dǎo)航區(qū)塊具有布局和顯示設(shè)置。

也可以在區(qū)塊內(nèi)添加區(qū)塊以創(chuàng)建獨特的內(nèi)容結(jié)構(gòu)。這適用于group、row和columns等區(qū)塊，因為它們充當(dāng)多個區(qū)塊的容器。

8. 封面文字選項

Gutenberg在樣式標(biāo)題和段落區(qū)塊方面提供了更多自由。您可以為文本和區(qū)塊的背景創(chuàng)建首字下沉并設(shè)置自定義顏色。但是，請記住，封面文本選項僅適用于基于文本的區(qū)塊。

這個Gutenberg功能可以通過選項->顯示活動區(qū)塊中的更多設(shè)置來訪問。附加設(shè)置將出現(xiàn)在屏幕右側(cè)。

您會在“區(qū)塊”部分找到幾個自定義區(qū)塊的選項。排版控制字體大小和行高，而顏色設(shè)置決定文本和背景顏色。啟用首字下沉選項將在段落開頭顯示一個大寫字母。

另一種自定義文本區(qū)塊的方法是使用全局樣式面板。此方法可方便地為站點上的所有標(biāo)題和段落區(qū)塊設(shè)置特定的排版和顏色配置。

9. 內(nèi)容詳情

要在WordPress區(qū)塊編輯器中查看文章和頁面的內(nèi)容詳細(xì)信息，只需單擊詳細(xì)信息按鈕。

您將看到有關(guān)內(nèi)容上的字?jǐn)?shù)、字符、標(biāo)題和區(qū)塊數(shù)的信息，幫助您創(chuàng)建最佳內(nèi)容長度。

將出現(xiàn)的另一條信息是文檔大綱。此部分僅在您使用多個標(biāo)題時可用。它將顯示標(biāo)題結(jié)構(gòu)，幫助您組織內(nèi)容并改進(jìn)SEO。

10. 錨支持

錨點是讓讀者跳轉(zhuǎn)到WordPress內(nèi)容中特定區(qū)塊的鏈接。此功能有助于突出顯示內(nèi)容的特定部分，并為網(wǎng)站訪問者提供更好的上下文。

它也可用作長內(nèi)容的快速導(dǎo)航工具。您可以在鏈接到特定標(biāo)題的文章開頭添加導(dǎo)航文本。在共享指向特定標(biāo)題的URL時，錨點支持也有效。

以下步驟將向您展示如何在Gutenberg中創(chuàng)建HTML錨點。

1. 創(chuàng)建一個新區(qū)塊或選擇一個現(xiàn)有區(qū)塊。
2. 從區(qū)塊的工具欄中，單擊選項->顯示更多設(shè)置。
3. 在“區(qū)塊”選項卡中，展開“高級”菜單。
4. 將唯一的HTML錨點添加到HTML錨點文本框。

創(chuàng)建錨點后，您只需要將其鏈接到所需的元素。

1. 突出顯示要插入錨點的內(nèi)容。它可以是文本、圖像或按鈕。
2. 單擊區(qū)塊工具欄中的鏈接按鈕。
3. 插入主題標(biāo)簽(?# )，后跟所需的HTML錨點，然后按Enter或單擊提交。

錨鏈接僅適用于已發(fā)布的頁面或文章。

在新編輯器中創(chuàng)建錨點時，請記?。?/p>

• 它必須是獨一無二的。
• 它區(qū)分大小寫。
• 它不能包含空格，但可以包含連字符 (-)、下劃線 (_)、冒號 (:) 和句點 (.) 等符號。
• 它必須以字母開頭。

11. 使用圖像區(qū)塊

在內(nèi)容上插入圖像區(qū)塊時，WordPress區(qū)塊編輯器將提供從您的計算機上傳圖像、從媒體庫中選擇圖像或鏈接到圖像URL的選項。

新編輯器還允許您將圖像拖放到內(nèi)容的任何位置，而無需先創(chuàng)建新區(qū)塊。

您只需要打開文件管理器并將所選圖像拖放到Gutenberg工作區(qū)即可。區(qū)塊編輯器將自動創(chuàng)建一個圖像區(qū)塊來托管文件，您可以根據(jù)需要對其進(jìn)行自定義。

打開區(qū)塊設(shè)置，您會發(fā)現(xiàn)圖像的替代文本和圖像大小選項的字段。

Gutenberg還在圖像下方提供了標(biāo)題空間。單擊以激活它并添加文本。

您可以在圖像區(qū)塊的工具欄中設(shè)置圖像鏈接和對齊方式。還有一個雙色調(diào)功能，可以使用任何可用的雙色調(diào)預(yù)設(shè)來轉(zhuǎn)換圖像顏色。

另一種處理圖像的方法是使用圖像庫區(qū)塊。這是用于添加一組圖像的容器區(qū)塊類型。您可以設(shè)置圖庫的列號以創(chuàng)建漂亮的網(wǎng)格樣式顯示。

圖庫內(nèi)的所有圖像區(qū)塊都將被計為單個區(qū)塊。這樣，您可以使用唯一的邊框和替代文本自定義每個圖像。

12. 可重用的區(qū)塊

Gutenberg區(qū)塊編輯器可以更輕松地在其他頁面和文章中保存和重用區(qū)塊。如果您重復(fù)使用相同的區(qū)塊類型，它將節(jié)省您一次又一次地自定義它的時間。

以下是如何保存和重復(fù)使用古騰堡區(qū)塊：

1. 選擇要保存的區(qū)塊，然后單擊選項->添加到可重復(fù)使用的區(qū)塊。

2. 輸入?yún)^(qū)塊的名稱，然后單擊保存。

3. 要重用一個區(qū)塊，請在 Gutenberg 編輯器中創(chuàng)建一個新區(qū)塊。
4. 單擊加號(?+?) 圖標(biāo)，然后瀏覽全部。打開Reusable選項卡，您將在其中找到所有可重復(fù)使用的區(qū)塊。

5. 插入您之前保存的區(qū)塊。

您可以通過區(qū)塊管理器刪除或編輯任何可重復(fù)使用的區(qū)塊。為此，請在可重用區(qū)塊選項卡中選擇管理可重用區(qū)塊。

刪除您創(chuàng)建可重用區(qū)塊的頁面或文章將導(dǎo)致使用該區(qū)塊的其他項目出錯。

13. 表區(qū)塊

Gutenberg通過引入表格區(qū)塊改進(jìn)了WordPress表格功能，從而消除了安裝表格插件或使用自定義HTML代碼的需要。

以下是使用Gutenberg區(qū)塊編輯器創(chuàng)建表的方法。

1. 將表區(qū)塊從區(qū)塊目錄拖放到您的古騰堡工作區(qū)。
2. 設(shè)置列數(shù)和行數(shù)，然后單擊Create Table。
3. Gutenberg將創(chuàng)建一個帶有響應(yīng)列區(qū)塊的新表。

區(qū)塊工具欄有幾個自定義選項，包括文本?格式、行、列插入和文本對齊。

區(qū)塊設(shè)置面板中提供了兩種預(yù)先設(shè)計的樣式。此外，該區(qū)塊帶有設(shè)計工具來自定義顏色和邊框樣式。

默認(rèn)情況下，使用此區(qū)塊創(chuàng)建的表格將具有響應(yīng)式列寬。但是，您可以在表格設(shè)置中更改它。向下滾動區(qū)塊設(shè)置面板，展開表格設(shè)置部分，然后打開固定寬度表格單元格選項。

14. 欄目區(qū)塊

欄目區(qū)塊提供了一種將內(nèi)容拆分為最多三列的簡單方法。該功能通過在文本旁邊添加視覺元素來幫助提高內(nèi)容的可讀性。

或者，使用這個新區(qū)塊來提高您網(wǎng)站的空間效率，顯示多種內(nèi)容類型，而無需訪問者向下滾動太多。

以下步驟將向您展示如何向您的站點添加新的欄目區(qū)塊。

1. 單擊加號(?+?) 圖標(biāo)?并選擇欄目區(qū)塊。

2. 選擇一種可用的欄目模式。

3. Gutenberg編輯器將根據(jù)所選樣式生成新區(qū)塊。單擊加號(?+?) 圖標(biāo)以向這些區(qū)塊添加新元素。

欄目區(qū)塊的一個很好的用途是創(chuàng)建一個側(cè)邊欄。選擇30/70或70/30欄目變體，并在較大的列中插入查詢循環(huán)區(qū)塊。使用較小的組區(qū)塊來包含側(cè)邊欄的小工具區(qū)塊。

15. 實時HTML區(qū)塊

新的WordPress區(qū)塊編輯器具有用于代碼預(yù)覽的實時HTML區(qū)塊。此功能可讓您檢查代碼是否在WordPress網(wǎng)站上正常運行，而無需在可視化編輯器和文本編輯器之間來回切換。

以下是如何使用Gutenberg編輯器實時HTML區(qū)塊插入自定義代碼：

1. 單擊加號(?+?) 圖標(biāo)并找到自定義HTML區(qū)塊。

2. 在將出現(xiàn)的區(qū)塊中插入自定義HTML。

3. 單擊預(yù)覽以查看代碼在您的WordPress網(wǎng)站上的外觀。

16. 嵌入元素

從您的WordPress媒體庫或其他網(wǎng)站（如 YouTube、Reddit 和 Twitter）添加音頻或視覺元素將有助于使您的內(nèi)容更具吸引力。

區(qū)塊編輯器使將此類元素嵌入到內(nèi)容中變得更加容易，因為有大量的媒體和嵌入?yún)^(qū)塊可用。

嵌入媒體文件

媒體區(qū)塊可讓您在網(wǎng)站上上傳和顯示各種文件，根據(jù)媒體提供不同的區(qū)塊設(shè)置。根據(jù)您要上傳的文件類型選擇正確的區(qū)塊。

按照以下步驟插入媒體區(qū)塊：

1. 通過單擊加號(?+?) 圖標(biāo)打開區(qū)塊插入器。
2. 向下滾動到媒體部分并選擇適當(dāng)?shù)膮^(qū)塊。

我們已經(jīng)討論了使用圖像和圖庫區(qū)塊嵌入圖像?，F(xiàn)在讓我們看看其他媒體區(qū)塊。

• 視頻-將視頻播放器嵌入到您的內(nèi)容中，并具有可配置的設(shè)置，例如播放控件、自動播放和視頻循環(huán)。它還允許您在未播放視頻時顯示海報圖像。
• 音頻– 添加一個具有簡單配置的音頻播放器，用于自動播放和循環(huán)播放。
• 封面– 添加帶有文本覆蓋的圖像或視頻。此區(qū)塊對于創(chuàng)建帶有圖像或視頻背景的標(biāo)題或橫幅很有用。
• 文件– 添加媒體文件的鏈接，并可選擇包含下載按鈕。此區(qū)塊還支持PDF查看器，因此您不需要PDF查看器插件來嵌入PDF文件。

嵌入外部內(nèi)容

下一組區(qū)塊，即嵌入區(qū)塊，可讓您集成來自外部網(wǎng)站（如YouTube、Twitter和Spotify）的內(nèi)容。使用嵌入?yún)^(qū)塊非常簡單，因為您只需要復(fù)制并粘貼所需的URL。

1. 單擊加號(?+?) 圖標(biāo)并向下滾動到嵌入部分。

2. 如果網(wǎng)站未列出，請使用嵌入區(qū)塊。對于此示例，我們將使用YouTube區(qū)塊。
3. 復(fù)制您要嵌入的媒體的URL并將其粘貼到提供的文本框中。
4. 單擊嵌入，媒體將出現(xiàn)在WordPress頁面或文章上。

17. 按鈕

按鈕讓訪問者與網(wǎng)站交互，無論是導(dǎo)航還是完成特定操作。它們還通過使用號召性用語按鈕注冊或購買商品來幫助提高您的轉(zhuǎn)化率。

按鈕區(qū)塊可幫助您在網(wǎng)站的任何位置插入按鈕，包括文章。以下是使用WordPress區(qū)塊編輯器插入按鈕的方法：

1. 通過單擊加號(?+?) 圖標(biāo)并選擇按鈕區(qū)塊來打開區(qū)塊插入器。

2. 在按鈕區(qū)塊中鍵入標(biāo)簽。例如，我們將創(chuàng)建一個訂閱按鈕。

3. 單擊鏈接圖標(biāo)可向按鈕添加鏈接。區(qū)塊編輯器還提供了在新選項卡中打開鏈接的選項。

4. 單擊提交以保存更改。
5. 要向組中添加更多按鈕，請單擊區(qū)塊組右下角的加號圖標(biāo)。

18. 引文與引用區(qū)塊

使用Gutenberg，可以更輕松地為來自外部來源的引文創(chuàng)建區(qū)塊引用。此外，新的引文區(qū)塊有助于強調(diào)WordPress頁面或文章中的重要信息。

以下是使用WordPress Gutenberg創(chuàng)建引文區(qū)塊的方法：

1. 導(dǎo)航到Block Directory?->?Pullquote。

2. 在區(qū)塊中寫下引文。

3. 更改引文的對齊方式，使其適合文本的其余部分。除了標(biāo)準(zhǔn)設(shè)置，Gutenberg還提供全寬和寬幅對齊。

添加引用的步驟類似于引文區(qū)塊。唯一的區(qū)別是它使用引用區(qū)塊。

如何看待古騰堡編輯器？

古騰堡編輯器是一項在自定義和靈活性方面超越WordPress經(jīng)典編輯器的開發(fā)。但是，古騰堡編輯器仍然有其優(yōu)點和缺點。

優(yōu)點

• 最少的編碼。?使用全局樣式界面，無需編寫代碼來自定義主題的外觀。古騰堡編輯器中的各種區(qū)塊也使內(nèi)容創(chuàng)建和編輯更容易。
• 移動友好。?Gutenberg提供比WordPress經(jīng)典編輯器更好的響應(yīng)能力。能夠隨時隨地發(fā)布內(nèi)容可以改善您的工作流程，尤其是在您經(jīng)常出差的情況下。
• 更少的插件。?一些區(qū)塊提供了取代額外插件需求的功能。如果您認(rèn)為默認(rèn)區(qū)塊不夠用，您可以安裝區(qū)塊插件以添加更多選項。
• 靈活的自定義塊。?Gutenberg允許開發(fā)人員為主題和插件創(chuàng)建自定義區(qū)塊，為附加組件增加價值并打開更多自定義可能性。
• 元框支持。Gutenberg編輯器與大多數(shù)用于創(chuàng)建自定義字段和向文章添加元數(shù)據(jù)的元框兼容。

缺點

• 學(xué)習(xí)曲線。?沒有頁面構(gòu)建器經(jīng)驗或更習(xí)慣于舊版WordPress編輯器的WordPress用戶可能需要時間來適應(yīng)新的布局和工具放置。
• 兼容性問題。區(qū)塊編輯器僅在使用基于區(qū)塊的主題時可用。

雖然Gutenberg提供了更多自定義項目的自由，但它不是頁面構(gòu)建器?？梢岳斫獾氖?，WordPress區(qū)塊缺少大多數(shù)頁面構(gòu)建器提供的一些設(shè)計選項。

幸運的是，可以使用區(qū)塊插件來擴展Gutenberg的功能。以下是一些值得考慮的最受歡迎的區(qū)塊插件。

• Stackable：一個免費增值頁面構(gòu)建器插件，提供區(qū)塊設(shè)計和用戶界面工具包。它允許您創(chuàng)建懸停動畫和更改區(qū)塊排版設(shè)置。
• Gutenberg Blocks：另一個免費的區(qū)塊插件，提供方便的區(qū)塊來幫助您構(gòu)建表格、分類法和時間線。
• Orbit Fox：它提供了各種工具來提高轉(zhuǎn)化率，例如正常運行時間監(jiān)控、Google Analytics集成和共享圖標(biāo)。
• PublishPress Blocks：一個免費的多功能插件，提供20個新區(qū)塊和對區(qū)塊的訪問控制。

為WordPress區(qū)塊安裝插件將為您帶來更好的用戶體驗和更快的工作流程。

小結(jié)

古騰堡編輯器引入了一種使用區(qū)塊編輯內(nèi)容的新方法。這是WordPress實現(xiàn)完整站點編輯和改善用戶體驗?zāi)繕?biāo)的一部分。

新的區(qū)塊編輯器與WordPress 5.0或更高版本的核心軟件集成。如果您仍在使用舊版本的WordPress，請安裝Gutenberg插件以使用該編輯器。

使用區(qū)塊將使網(wǎng)站定制更容易，因為您可以通過移動區(qū)塊輕松地重組網(wǎng)站。可用的區(qū)塊樣板還可以讓您立即更改布局。

區(qū)塊還通過可重復(fù)使用的區(qū)塊等功能幫助簡化您的項目，以避免重復(fù)工作。此外，全局樣式面板讓您無需任何CSS代碼即可更改整個網(wǎng)站的設(shè)計。

最后，不要猶豫安裝WordPress區(qū)塊插件。通過引入許多新的WordPress區(qū)塊來改進(jìn)您的工作流程，它將為您的編輯器添加更多設(shè)計選項。