在這篇文章中，我們將深入探討如何使用 WordPress 的默認(rèn)主題和古騰堡編輯器（Gutenberg Editor）來編寫博客文章。古騰堡編輯器作為 WordPress 的內(nèi)置編輯器，通過使用區(qū)塊（Block）系統(tǒng)，為用戶提供了一個靈活、直觀的內(nèi)容創(chuàng)建體驗。無論你是 WordPress 的新手還是經(jīng)驗豐富的用戶，這篇指南都將幫助你充分利用古騰堡編輯器的強(qiáng)大功能，輕松創(chuàng)建和管理博客內(nèi)容。

1，塊（Block）的使用方法

在 WordPress 的古騰堡編輯器中，Block（區(qū)塊）是預(yù)制的元素模塊或小部件，允許用戶在頁面和文章中輕松添加和配置內(nèi)容。Block 將各種功能整合在一起，使內(nèi)容創(chuàng)建過程更加直觀和靈活。

舉個簡單的例子，標(biāo)題Block 就是一個典型的區(qū)塊。使用標(biāo)題Block，用戶不僅可以插入標(biāo)題文本，還可以直接在編輯器中設(shè)置標(biāo)題的標(biāo)簽級別（如H1、H2、H3等），調(diào)整對齊方式、字體大小、文本顏色、背景顏色等。這些功能都被開發(fā)者整合到標(biāo)題Block中，用戶無需編寫代碼或使用額外的插件就能實現(xiàn)這些自定義設(shè)置。

此外，古騰堡編輯器中的Block不僅限于簡單的文本和標(biāo)題。還有許多更復(fù)雜的Block，如圖像Block、表格Block、按鈕Block、視頻Block等。這些復(fù)雜的Block通常整合了更多功能，使用戶能夠輕松實現(xiàn)各種內(nèi)容布局和設(shè)計需求。

通過這種模塊化的方式，古騰堡編輯器賦予了用戶更大的靈活性和控制力，讓他們能夠輕松構(gòu)建符合自己需求的頁面和文章內(nèi)容，而無需深入了解代碼或使用其他復(fù)雜的工具。這種方法極大地簡化了網(wǎng)站內(nèi)容的創(chuàng)建和編輯過程，同時也使網(wǎng)站的設(shè)計更加豐富和多樣化。（如下圖）

2，添加Block

在古騰堡編輯器中，點擊下圖中的任意一個箭頭位置，都可以調(diào)出Block面板。這個面板內(nèi)置了幾十個不同的Block，初次使用時可能不太熟悉，但可以逐個添加并查看它們的樣式。不過，WordPress自帶的Block樣式比較有限，設(shè)置參數(shù)也較為簡單，有時無法滿足我們的所有需求。因此，我們可以通過下載一些專門的插件來擴(kuò)展Block的數(shù)量，比如 Kadence Block、Spectra、Getwid 等。（如下圖）

3，設(shè)置Block樣式

選中一個Block后，上方會顯示一個包含樣式和功能選項的工具條，鼠標(biāo)懸停在上面時會出現(xiàn)文字提示。右側(cè)的區(qū)塊編輯區(qū)則提供了顏色、字體等樣式設(shè)置參數(shù)。你可以根據(jù)需要自由修改這些設(shè)置，以實現(xiàn)所想要的設(shè)計樣式。（如下圖）

4，轉(zhuǎn)換Block

在古騰堡編輯器中，一些Block可以互相轉(zhuǎn)換，這樣可以避免重復(fù)刪除舊Block再添加新Block的步驟。尤其是段落Block，支持直接轉(zhuǎn)換為多種類型的塊，這極大地提升了寫作體驗。

轉(zhuǎn)換按鈕位于拖動Block按鈕的左側(cè)。如果某些Block不支持轉(zhuǎn)換，則只會顯示該Block支持的樣式選項。（如下圖）

5，移動Block

有時我們需要更換已添加Block的位置，可以通過以下兩種方式實現(xiàn)：

方式一：在左側(cè)的結(jié)構(gòu)視圖中選中Block，然后拖動到目標(biāo)位置——推薦使用此方法。

方式二：按住Block上方工具條中的“拖動”按鈕，將Block移動到相應(yīng)位置。

這兩種方式在拖動時都支持區(qū)域互換：你可以將結(jié)構(gòu)目錄區(qū)的Block拖動到內(nèi)容編輯區(qū)進(jìn)行位置調(diào)整，內(nèi)容編輯區(qū)的Block也可以以此方式進(jìn)行互換。（如下圖）

6，組合Block

為了便于管理，我們可以將相關(guān)的多個 Block 組合在一起。
方法：在左側(cè)結(jié)構(gòu)面板中，選中所有需要歸類的 Block，點擊工具欄中的省略號，然后選擇“組合”即可。（如下圖）

7，制作可重復(fù)利用的Block

制作區(qū)塊樣板

當(dāng)設(shè)計好一個模塊的樣式后，其他頁面可能也需要使用相同的樣式。此時，可以將這個模塊轉(zhuǎn)換為可重復(fù)使用的 Block（類似于模板）。例如，想在其他頁面復(fù)用圖中的“照片+按鈕”模塊，只需更改圖片和文字即可，這將大大減少工作量。

方法：在列表視圖中，選中需要重復(fù)使用的模塊，點擊工具欄最右邊的省略號，選擇“創(chuàng)建區(qū)塊樣板”（舊名：添加至可重用區(qū)塊），并為其設(shè)置一個易于識別的名稱。我們可以創(chuàng)建兩種類型的可復(fù)用 Block：

1. 全站同步更改的可復(fù)用 Block（開啟已同步）：在一個頁面上更改了它的樣式或內(nèi)容，所有其他使用了這個 Block 的頁面也會自動同步更新。
2. 非同步更改的可復(fù)用 Block（關(guān)閉已同步）：在新頁面上對這個 Block 進(jìn)行任何更改都不會影響其他頁面。

根據(jù)需求選擇合適的模式（通常選擇非同步更改的可復(fù)用 Block，因為大部分情況下，我們只需要保持相同的樣式布局，而非內(nèi)容）。（如下圖）

假如保存的是全站同步的可復(fù)用塊，那么這個區(qū)塊的顏色便會自動變?yōu)?strong>紫色，方便我們識別。

自6.3版本起，WordPress為古騰堡編輯器添加了模板功能，在左側(cè)添加block的選項卡中能夠找到，菜單名為樣板。

我們自己制作的可重復(fù)使用的block就會出現(xiàn)在這里面的我的區(qū)塊樣式中。下次使用時就到這里面找就行了。（如下圖）

你也可以在頁面編輯區(qū)域選中這個可重用 Block，點擊“管理模式”進(jìn)入可重用 Block 的集中管理頁面。之后，便可以統(tǒng)一對所有可重用 Block 進(jìn)行修改。這里名稱設(shè)置的是（測試3）

進(jìn)入管理界面后，在“我的區(qū)塊樣板”頁面，你可以看到自己創(chuàng)建的所有可復(fù)用 Block。標(biāo)有“已同步”標(biāo)簽的表示全站同步修改的塊，而標(biāo)有“未同步”標(biāo)簽的則表示非全站同步修改的塊。（如下圖）

在新頁面使用可復(fù)用區(qū)塊時，最佳方案是：全站相同的內(nèi)容使用全站同步的可復(fù)用 Block，而僅樣式相同的內(nèi)容使用非全站同步的可復(fù)用 Block。

不過，這并不意味著全站可復(fù)用 Block 只能用于全站相同的內(nèi)容。實際上，你可以在頁面中調(diào)用它，并對其進(jìn)行“分離”操作，這樣你就可以在該頁面中單獨編輯組合中的每個 Block，而不會影響其他頁面的樣式和內(nèi)容。

步驟：在工具欄的“更多設(shè)置”中選擇“分離區(qū)塊樣板”即可。（如下圖）

8，復(fù)制、剪切Block

古騰堡的 Block 支持復(fù)制和剪切操作，直接使用 Ctrl + C/X/V 即可。此外，還支持跨域復(fù)制和剪切。（如下圖）

9，刪除Block

在結(jié)構(gòu)面板或工具欄最右側(cè)的省略號中，點擊最后一項即可使用“刪除”功能。另外，你也可以直接按鍵盤上的 Delete 鍵快速刪除（不適用于段落、標(biāo)題等文字類型的 Block）。（如下圖）

總結(jié)

在本篇文章中，我們詳細(xì)介紹了如何利用 WordPress 的古騰堡編輯器和默認(rèn)主題高效編寫博客文章。從基本的區(qū)塊使用方法到高級的可重復(fù)利用區(qū)塊，我們涵蓋了各種實用技巧。希望通過這篇指南，你能夠更加熟練地運用這些工具，提升網(wǎng)站內(nèi)容的創(chuàng)建效率和設(shè)計水平。下一期，我們將繼續(xù)深入探討更多 WordPress 和古騰堡編輯器的高級功能，敬請期待！

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息