如何使用 WordPress 列表塊

已發表: 2021-07-31

列表看似簡單,但卻是強大的工具。 如果您正在運營一個網站,列表使您能夠以一種比長而無休止的段落更容易消化的方式共享信息。 它們使您能夠切入正題並為用戶提供他們正在尋找的確切信息。 換句話說,列表是您可以使用的最強大的工具之一來構建引人入勝的內容。

創建列表很容易,如果您使用 WordPress,您將可以訪問專用的列表塊,該塊使您能夠以多種方式自定義此元素。 在本文中,我們將討論List塊,解釋它的工作原理,並介紹一些提示以幫助您創建更好的列表。

讓我們開始吧!

如何將列表塊添加到您的帖子或頁面

在 WordPress 中添加塊是一項簡單的任務。 轉到要添加列表塊的任何帖子或頁面,然後使用“瀏覽所有”選項或搜索欄找到它:

在 WordPress 中添加列表塊

選擇列表塊後,您將能夠開始處理新列表。 該過程的下一部分很簡單。 您可以在無序(項目符號)或有序(編號)列表之間進行選擇,然後開始添加條目,直到您滿意為止:

正在運行的 List 塊

正如您在上面的菜單中看到的那樣,列表塊包括廣泛的其他設置。 讓我們看看這些選項是什麼。

列出塊設置和選項

使用塊編輯器添加的任何元素都有兩組選項。 如果將鼠標懸停在任何塊上,將顯示一個菜單,其中通常包含基本格式選項。 如果您單擊屏幕右上角的齒輪圖標,您還可以訪問特定於塊的設置菜單:

訪問列表塊設置和選項

讓我們先回顧一下鼠標懸停在List塊上時出現的快速設置訪問菜單。 從菜單的左端開始,您可以訪問以下設置:

  1. 更改您正在使用的塊類型
  2. 將方塊向上或向下移動一個點
  3. 在無序列表和有序列表之間進行選擇
  4. 在列表條目中添加或刪除縮進
  5. 加粗、斜體或添加指向部分文本的鏈接

這是一個快速備忘單,顯示了與這些選項對應的菜單條目:

更改 List 塊的格式

List塊添加格式的工作與任何其他基於文本的元素非常相似。 您可以將特定條目或什至只是其中的一部分加粗或斜體,這同樣適用於鏈接。

您還會注意到此菜單最右側的一個附加選項。 向下箭頭包括更高級的格式選項,例如添加內聯代碼、圖像、“刪除線文本”、文本顏色等:

塊的高級格式選項

請注意,雖然可以將圖像添加到List塊,但結果往往看起來很尷尬(最好使用專用的 Image 塊):

帶有嵌入圖像的 List 塊的示例

繼續,一旦您打開屏幕右側的“設置”菜單,您就可以訪問更高級的配置選項。 在那裡您可以更改整個列表的字體大小,以及選擇文本和背景顏色:

更改列表塊的字體大小和顏色

請記住,字體大小和顏色設置適用於整個列表,而不是單個條目。 如果您想進一步自定義列表的樣式,則需要使用 CSS 類和 HTML 錨點。 為此,請打開設置菜單下的高級選項卡(它位於字體大小和顏色選項的正下方):

將 CSS 類和 HTML 錨點添加到塊

這涵蓋瞭如何在 WordPress 中使用List塊的所有基礎知識。 然而,創建引人入勝的列表不僅僅是基本的格式和样式。 讓我們來談談如何確保您的清單順利進行。

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

您可以使用許多提示和技巧來創建更具吸引力的列表。 由於我們有很多使用List塊的經驗,我們將使用我們自己的列表分享一些我們最喜歡的技巧。 以下是在 WordPress 中處理列表時要記住的事項:

  • 每當您需要共享可以分解為易於閱讀的點的關鍵信息時,請使用列表。
  • 避免將圖像添加到您的列表中,因為它們可以將注意力從單個條目上移開並破壞格式。
  • 不要以相同的詞開始列表中的每個條目,這樣行就不會混在一起。
  • 對列表中的每個條目使用一致的樣式和格式。

如果列表持續時間過長,用戶可能會開始忽略其中的某些條目。 為了清楚起見,您可以對需要對每個項目進行額外解釋的列表使用以下樣式:

  • 突出顯示條目的開頭。 通過突出顯示初始短語或句子您可以為每個列表項指定自己的標題,然後使用常規文本擴展該點。
  • 列表太棒了。 沒有什麼比一個很好的清單更能說明問題的了。

儘管列表可能非常有效,但重要的是不要過度使用它們。 如果您正在處理包含大量內容的帖子或頁面,則文本、圖像、列表、表格和其他類型的元素之間應該保持健康的平衡。 這種多樣性將使遊客保持參與。 另外,它將確保當您使用列表時,讀者會注意它。

關於列表塊的常見問題

到目前為止,您幾乎了解了有關 WordPress列表塊以及如何使用它的所有信息。 但是,讓我們回顧一下有關此塊的一些最常見問題,以確保您不會錯過任何關鍵信息。

我在哪裡可以找到 WordPress 中的列表塊?

當您向頁面或帖子添加新元素時,您可以使用搜索功能或瀏覽全部選項找到列表塊。 請記住,還有其他塊包含“列表”一詞,例如帖子列表頁面列表。 但是,這些塊提供了一組完全不同的功能。

頁面列表和帖子列表塊有什麼作用?

您可能已經註意到 WordPress 中有不止一種類型的“列表”塊。 頁面列表帖子列表塊是所謂的“主題構建”塊。 它們的使用方式與我們在本文中介紹的標準 List 塊非常不同。 無論您將它們放置在何處,它們都會添加您網站頁面和帖子的列表作為元素。 與大多數其他塊不同,這兩個塊不包含任何格式或樣式選項。

傳統上,大多數用戶將頁面列表帖子列表塊添加到側邊欄或頁腳小部件。 這樣,您可以將訪問者引導至他們可能認為相關的網站其他部分。 但是,這兩個元素都與傳統的List塊沒有太多共同之處。

我可以在 WordPress 的任何地方添加列表嗎?

您可以在可以訪問塊編輯器的任何位置添加List塊。 這包括帖子、頁面和您的 WordPress 小部件。 編輯 WordPress 小部件時,您可以訪問塊編輯器及其所有元素,包括列表塊和頁面列表帖子列表等選項。

結論

您可能不會認為列表非常迷人,但您錯了。 列表是任何類型的引人入勝的內容中最基本的元素之一,但當您處理頁面和帖子時,它們會變得特別有用。 無論您在 WordPress 網站上發布什麼類型的內容,列表都可以更輕鬆地共享關鍵信息並吸引訪問者的注意力。

WordPress 讓您可以訪問功能強大的List塊,其中包含大量格式和样式選項。 您可以在網站上的任何位置放置列表,包括帖子、頁面和小部件,我們建議您充分利用此功能。

您對 WordPress 中的列表塊有任何疑問嗎? 讓我們在下面的評論部分中討論它們!

精選圖片來自 olesia_g/shutterstock.com