古騰堡編輯器教程:如何使用WordPress組區塊

如何使用WordPress組區塊

使用區塊編輯器將單個元素新增到您的文章或頁面很簡單。但是,如果您打算在整個網站中使用類似的區塊,則將它們放在一起並將它們儲存為模板是有意義的。一旦你掌握了組區塊,這樣做就變得簡單了。

在這篇文章中,我們將談論哪些組區塊原理,以及如何將它新增到您的文章和網頁。我們還將向您展示如何配置其設定,並討論有關分組元素的一些提示和最佳實踐。

如何將組區塊新增至文章或頁面

新增此區塊很簡單,但需要的過程與您將用於其他區塊的過程不同。首先,開啟您要處理的文章或頁面,選擇新增新區塊,然後選擇“組” 選項:

將組區塊新增至文章或頁面

放置此區塊時,將出現一個新部分,包括新增多個元素的選項。請注意,現在有兩個用於新增區塊的按鈕。如果您使用第一個,您將在集合中新增一個專案。第二個按鈕將在組區塊之後 新增新模組:

新增組區塊操作

您可以在組區塊中插入多個任何型別的元素。在我們的示例中,我們新增了三個表塊。乍一看,可能不清楚該組中包含哪些元素。為避免混淆,您可以單擊塊編輯器主選單中的列表檢視 按鈕:

組區塊表格管理

 

這是將組區塊新增到文章和頁面的第一種方法。另一種方法是在組中新增您想要的所有區塊,然後在編輯器中選擇它們。如果您選擇多個元素,塊編輯器將為您提供連結它們的選項:

轉化為組區塊

一旦您的塊準備就緒,請記住您可以將特定分組儲存為模板或可重複使用的區塊。我們將在下一節中向您展示如何做到這一點。

組區塊設定和選項

由於組區塊可以包含多個不同的元素,因此您可能會看到多個格式選單。本節將向您展示如何使用此區塊的可自定義選項和常規設定。

工具欄設定

如果將多個表格放在一起,則可以選擇每個表格區塊並訪問其格式設定和選項:

組區塊工具欄設定

如果您選擇整個組區塊,您可以檢視不同的、更直接的格式選單。以下是它包含的選項:

  1. 將區塊轉換為欄目
  2. 使用拖放功能移動區塊,或向上或向下移動元素的位置
  3. 修改區塊的寬度
  4. 其他選項,包括分解集合或將其儲存為可重複使用的區塊

讓我們看看在組區塊的格式選單中在哪裡可以找到每個設定 :

組區塊工具欄功能說明

這裡的大多數選項都相對簡單。您可能會花更多時間調整集合中各個區塊的格式。這裡的兩個突出設定是將組區塊儲存為可重用元素 (1) 或將其分解 (2) 的選項:

組區塊更多選項

如果您選擇取消組,則塊將分成單獨的元素。將新增到可重複使用的區塊選項將讓您儲存獨特的分組和它的設定,這樣你就可以在其他的文章或網頁重用它:

建立可重用區塊

儲存塊後,當您向任何文章或頁面新增新元素時,它會顯示在“可重用” 選項卡下:

可重用區塊列表

您可以將可重複使用的區塊新增到WordPress中的任何頁面或文章。但是,您可能需要更改元素的一些樣式設定以使其適合。

其他選項

每個WordPress區塊都帶有各種設定,您可以通過單擊區塊編輯器主選單右上角的齒輪圖示來訪問這些設定。

組區塊是改變你的設定(1)風格的街區,提供設定,修改它的顏色(2),和邊框與內部元件(3)之間新增填充物:

組區塊設定

組區塊,您可以兩種風格之間進行選擇:有邊框或者無邊框。如果您選擇“邊框” 選項,它將在內部元件周圍新增一個邊框。但是,設定選單不允許您更改邊緣的樣式或顏色:

組區塊邊框設定

繼續,您可以為文字、背景和區塊內的連結設定新顏色。但是,請記住,每個內部元素的單獨設定將覆蓋這些全域性選項:

組區塊顏色設定

然後,您可以單擊“間距” 選項卡來更改區塊邊框與其內部元素之間的填充。為此,您需要以畫素為單位指定距離:

組區塊邊框距離設定

一旦您對區塊的配置和樣式感到滿意,您就可以轉到該文章或頁面中的其他元素。

有效使用組區塊的提示和最佳實踐

您可以使用組區塊來連結您想要的任何元素。但是,我們建議您僅在有令人信服的理由時才將專案分組。使用此 塊的一些重要原因包括:

  1. 自定義一組具有相似設定的區塊。
  2. 在文章或頁面佈局中移動選定的區塊,同時將它們保持在一起
  3. 儲存一組區塊以便稍後在另一個文章或頁面上重用它們。

如果您改變了將一組區塊連結在一起的想法,請記住,您始終可以將它們分開,並且不會影響它們的單獨設定。一旦您熟悉了區塊編輯器,您就可以建立華麗而複雜的元素,您可以在整個網站中重複使用這些元素。

關於組區塊的常見問題

到目前為止,您幾乎瞭解了有關WordPress組區塊的所有資訊。最後,我們彙總了有關此元素的最常見問題的集合,以確保您不會遺漏任何關鍵細節。

我可以將任何WordPress區塊組合在一起嗎?

使用組區塊,您可以連結任何WordPress的區塊。因此,您可以使用它來組合包含多個元素的複雜設計。

我可以編輯組內的單個區塊嗎?

區塊編輯器使您可以訪問包含您正在處理的整個組區塊的“全域性”選項 。此外,您仍然可以訪問集合中每個元素的格式設定和樣式設定。

組區塊與可重用元素相同嗎?

您可以將大多數塊儲存為區塊編輯器中的可重用元素。但是,組區塊使您能夠將整組區塊元件儲存為單個可重複使用的專案。

小結

組區塊的WordPress的區塊編輯器中最有趣的功能之一。它使您可以將它們連結在一起並同時自定義它們,而不是單獨處理區塊。

您可以將組區塊儲存為可重複使用的元素,您可以將這些元素新增到整個站點中,如果要使用單個元件,則可以拆分等等。考慮到WordPress區塊編輯器使您能夠對任何型別和數量的區塊進行分組,因此您幾乎無法使用此功能。

評論留言