如何使用 WordPress 組塊

已發表: 2021-09-12

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

在本文中,我們將討論群組塊的作用以及如何將其添加到您的帖子和頁面。 我們還將向您展示如何配置其設置,並討論有關分組元素的一些提示和最佳實踐。

讓我們開始吧!

如何將群組塊添加到您的帖子或頁面

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

在 WordPress 中添加組塊

當你放置這個 塊,將出現一個新部分,包括添加多個元素的選項。 請注意,現在有兩個用於添加塊的按鈕。 如果您使用第一個,您將在集合中添加一個項目。 第二個按鈕將在Group之後添加新模塊:

在 Group 塊中添加元素

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

組塊的列表視圖

這是將Group塊添加到您的帖子和頁面的第一種方法。 另一種方法是在組中添加您想要的所有塊,然後在編輯器中選擇它們。 如果您選擇多個元素,塊編輯器將為您提供鏈接它們的選項:

將現有塊組合在一起

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

組塊設置和選項

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

工具欄設置

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

Group 塊中的單個元素

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

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

讓我們看看在塊的格式菜單中在哪裡可以找到每個設置:

組塊的格式選項

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

解組塊或保存以供重用

如果您選擇Ungroup ,則塊將分成單獨的元素。 添加到可重用塊選項將使您能夠保存該獨特的分組及其設置,以便您可以在其他帖子或頁面中重用它:

創建可重用塊

保存塊後,當您向任何帖子或頁面添加新元素時,它會顯示在“可重用”選項卡下:

在 WordPress 中添加可重用塊

您可以將可重複使用的塊添加到 WordPress 中的任何頁面或帖子。 但是,您可能需要更改元素的一些樣式設置以使其適合。

其他選項

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

Group塊提供的設置可以更改您的集合的樣式 (1)、修改其顏色 (2) 以及在邊框及其內部元素之間添加填充 (3):

組塊的設置

Group塊使您可以在兩種樣式之間進行選擇:一種有邊框,一種沒有邊框。 如果您選擇“邊框”選項,它將在內部組件周圍添加一個邊界。 但是,設置菜單不允許您更改邊緣的樣式或顏色:

為 Group 塊添加邊框

繼續,您可以為文本、背景和塊內的鏈接設置新顏色。 但是,請記住,每個內部元素的單獨設置將覆蓋這些全局選項:

更改組塊內的顏色

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

向 Group 塊添加填充

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

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

您可以使用Group塊來鏈接您想要的任何元素。 但是,我們建議您僅在有令人信服的理由時才將項目分組。 使用它的一些重要原因 塊包括:

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

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

關於組塊的常見問題

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

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

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

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

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

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

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

結論

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

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

您對如何使用這個 WordPress 塊有任何疑問嗎? 讓我們在下面的評論部分中討論它們!

精選圖片來自 Alphavector/shutterstock.com