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

如何使用WordPress分隔符區塊

您在網站上安排和顯示內容的方式會顯著影響您的參與度和轉化率。為了增強使用者體驗 (UX)並使您的頁面和文章更易於使用,拆分大塊文字是一個明智的主意。有多種方法可以做到這一點,但最簡單的選擇是使用WordPress分隔符區塊。

在這篇文章中,我們將向您介紹如何將分隔符區塊新增到您的WordPress文章或頁面。我們將解釋它提供的每個設定和選項,為您提供有效使用它的技巧,並回答一些常見問題。

如何將分隔符區塊新增至文章或頁面

在您的內容中新增任何WordPress區塊是一個快速而簡單的過程。首先,導航到要插入分隔符的頁面或文章。

單擊新增區塊按鈕 (1),然後在文字欄位 (2) 中搜尋“分隔符”。這將是第一個選項 (3):

新增分隔符區塊

您還可以通過在任何段落塊的編輯器中鍵入“/separator”來插入此區塊。當您按Enter鍵時,將自動插入區塊。

分隔符區塊設定和選項

每個WordPress區塊都有其各自的設定和控制元件。例如,分隔符區塊提供了幾種直接在編輯器中配置它的方法。

將區塊插入文章後,將出現一個工具欄選單:

分隔符區塊設定和選項

讓我們來看看每個選項的含義:

  1. 轉換允許您將區塊轉換為組合或欄目。
  2. 對齊方式可用於將線的對齊方式更改為左對齊、居中對齊或左對齊
  3. 更多選項提供了一些額外的設定

更多選項選單下,您可以複製塊並在其前後插入另一個元素。

在螢幕的右側,您可以找到其他塊設定。例如,在樣式部分下,您可以選擇預設樣式或建立粗線或虛線:

分隔符區塊樣式設定

您還可以在下拉選單中設定預設樣式

顏色部分下,您可以更改分隔線的顏色:

分隔符區塊顏色設定

您可以從調色盤中包含的一種預設顏色中進行選擇。但是,如果您想應用自定義顏色,您也可以單擊自定義顏色連結。

如果您想新增自己的CSS,可以通過單擊“高階”選項卡來實現。然後您可以在文字欄位中輸入您喜歡的任何內容。

有效使用分隔符區塊的提示和最佳實踐

分隔符區塊是一個相對簡單的和直接的WordPress的功能。一旦您弄清楚如何將其插入文章中,您就應該能夠輕鬆使用和自定義它。

但是,我們確實有一些建議,您可能需要考慮更有效地使用此元素。例如,記住謹慎使用分隔符很重要。

如果您有一篇冗長的部落格文章,最佳做法是最多每隔幾段新增一行。過於頻繁地使用它們可能會分散注意力,而不是無縫分解文字的一種方式。

此外,如果您計劃在您的站點中經常使用分隔符並希望保持統一的樣式,您可能需要將分隔符新增到您的可重用區塊中。這樣,您就不必經常應用所需的樣式和顏色。相反,您可以簡單地從儲存的集合中插入它。

關於分隔符區塊的常見問題

到目前為止,您應該對WordPress分隔符區塊以及如何使用它有一個深入的瞭解。但是,讓我們回顧一下有關此區塊的一些最常見問題,以確保我們已涵蓋所有基本資訊。

如何呼叫WordPress分隔符區塊?

您可以通過導航到任何文章或頁面在WordPress中找到此區塊。接下來,在要新增線條的文字區塊之間單擊,然後選擇加號圖示。

在搜尋欄位中,輸入“分隔符”,然後單擊第一個選項。或者,您可以通過在段落塊中鍵入“/separator”,然後按 Enter鍵來找到它。

分隔區塊和空格區塊有什麼區別?

如果您是塊編輯器的新手,您可能想知道分隔符區塊和空格區塊之間有什麼區別。這兩個功能都可用於在內容區塊之間新增空間。

但是,空格區塊只是新增了白色或負空間。分隔符區塊,則主要是增加了一個可見的線。

在哪裡使用WordPress分隔符區塊?

您可以在WordPress中可以訪問區塊編輯器的任何位置插入此元素。因此,您可以在頁面和文章中使用它,也可以在編輯WordPress小工具時使用它

小結

為了讓您的網站內容和部落格文章美觀且易於使用,最好將大塊文字分解為更小、更易消化的文字。有幾種不同的方法可以解決這個問題。但是,最簡單的選擇之一是使用分隔符區塊。

這個WordPress區塊將在內容區塊之間新增一條極簡線條。它還提供各種樣式和顏色選項,讓您可以將其與當前的主題和品牌無縫整合。您可以將其插入到您的任何WordPress文章和頁面中,以使您的內容看起來更好、更易於閱讀。

評論留言