如何在WordPress中添加水平線分隔符(5種方法)


您是否要在WordPress的帖子或頁面中添加一條水平線?

水平線分隔符是一種將長帖子分成較小部分,突出顯示特殊聲明或促銷以及清楚地分隔頁面不同部分的好方法。

在本文中,我們將向您展示如何在WordPress中輕鬆添加水平線分隔線。

如何在WordPress中添加水平線

由於這是有關如何在WordPress中添加水平線分隔符的綜合指南,因此使用我們的目錄可能會有所幫助:

在WordPress區塊編輯器中添加水平線

要使用WordPress塊編輯器添加水平線,請單擊(+)圖標以將新塊添加到您想要將該線放置在的位置。

在需要水平線的位置添加新塊

接下來,從“佈局元素”部分中選擇“分隔符”塊,或使用搜索欄進行搜索。

查找並添加分隔符塊

添加後,您將在內容區域中看到水平線分隔線。

在WordPress區塊編輯器中設定水平線的樣式

默認情況下,水平分隔線是跨越帖子或頁面中心的淺灰色線。

您可以通過單擊行以選擇其塊來更改其外觀。 然後,“塊”編輯面板將在屏幕的右側打開。

單擊分隔器塊以將其選中並編輯設置

要更改線條的樣式,只需單擊樣式旁邊的小箭頭。 然後,您將看到不同的選項。

如果需要,可以將水平線更改為以下之一:

  • 一條寬線覆蓋了帖子內容的整個寬度。
  • 帖子中心顯示三個點。

分隔塊可用的不同樣式

注意: 在某些WordPress主題中,粗線和默認線都將覆蓋您帖子的整個寬度。

您還可以在“顏色”設置下更改水平線的顏色。 只需單擊顯示的選項之一,或使用“自定義顏色”鏈接即可選擇所有顏色。

更改水平線的顏色

如果要恢復為默認的灰色,只需單擊顏色選項下的“清除”按鈕即可。

在這裡,我們的水平線是藍色,並使用“寬”樣式。

已修改為寬和藍色的水平線

在WordPress經典編輯器中添加水平線

如果仍在使用經典編輯器,則可以添加基本水平線。 為此,只需編輯現有帖子或頁面或創建一個新帖子或頁面即可。

如果您僅在帖子編輯器上方的工具欄中看到一行按鈕,請單擊右側的“工具欄切換”圖標:

單擊工具欄切換按鈕以查看第二行圖標

這將打開第二行按鈕,其中包括水平線選項。

現在,繼續進行操作,並在要水平線移動的段落之間插入一個換行符。 然後,您可以單擊“水平線”按鈕。 這是第二行中從左數第二個:

經典WordPress編輯器中的水平線按鈕

您的水平線將為淺灰色。 這樣會覆蓋您帖子的整個寬度,如下所示:

使用經典編輯器創建的水平尺

使用HTML手動添加水平線分隔線

在極少數情況下,您可能需要在WordPress內容中手動添加水平線分隔線。

如果是這樣,您只需在內容中使用hr HTML標籤即可:


這將在您的帖子內容中添加水平線分隔符。

您可以在帖子和頁面中使用的其他分隔符

默認的WordPress塊編輯器允許您向帖子和頁面添加多種類型的分隔符。

除水平線分隔符外,佈局元素塊組中的其他選項包括空格,更多鏈接和分頁符塊。

墊片塊

空格鍵使您可以在塊之間添加空格。 例如,如果您想在特價結束前在文章末尾有一些空白,可以使用Spacer。

您可以自定義墊片的高度。 在塊編輯器中創建帖子時的外觀如下:

塊編輯器中的墊片塊

這是分隔符在您網站上的顯示方式:

間隔塊在頁面或帖子中的顯示方式

更多街區

如果您的主題在博客主頁面上顯示了完整的帖子(而不是摘錄),則添加“更多”鏈接將在此時斷開您的帖子。 訪客可以單擊以閱讀更多內容。

創建帖子時的外觀如下:

帖子編輯器中的“更多”塊

這是“更多”鏈接在您的網站上顯示的方式:

網站上帖子中的Read More塊

您可以在有關如何輕鬆自定義WordPress中的摘錄的指南中了解有關摘錄的更多信息。

分頁塊

分頁符使您可以將較長的博客文章分成多個頁面。 您無法以任何方式對其進行自定義。 創建帖子時的外觀如下:

塊編輯器中顯示的分頁符塊

這是分頁符在您的網站上顯示的方式:

在網站上顯示的分頁符

這些方法中的任何一種都可以作為在WordPress中添加水平線的好選擇,具體取決於您要執行的操作。

使用WPForms在WordPress表單中添加分頁符

如果您不想在帖子或頁面上休息,而是在WordPress聯繫人表格中休息,該怎麼辦? 你也能做到。 我們將為此使用WPForms。

首先,您需要下載,安裝和激活WPForms插件。 如果您不確定如何安裝,請查看有關如何安裝WordPress插件的分步指南。

接下來,前往 WPForms»添加新 在您的WordPress儀表板中。

使用WPForms創建一個新表單

輸入您的表單名稱,然後選擇一個模板。 我們將使用“請求報價單”模板。 將鼠標光標懸停在模板上,然後單擊按鈕創建表單。

在WPForms中創建報價單

接下來,將左側的“添加字段”選項卡向下滾動到“花哨的字段”部分。 將分頁符拖放到窗體上的任何位置。 我們將其放在“請求”框之前。

在WPForms中添加分頁符

您將看到該表單現在分為兩部分。 WPForms也自動添加了“下一步”按鈕。

您可以根據需要更改“下一個”標籤,還可以添加“上一個”按鈕進入表格的第二頁。 只需單擊分頁符字段即可對其進行編輯。

在WPForms中編輯分頁符字段

單擊完成後,單擊右上角的“保存”按鈕,保存表單。

您現在可以將表單添加到您的網站。 首先,您需要創建一個新的帖子或頁面,或編輯現有的帖子或頁面。

單擊(+)將新塊添加到您的帖子或頁面,然後找到WPForms塊。 您可以使用搜索欄或在“小部件”部分中查找。 將塊添加到您的頁面。

將WPForms塊添加到您的頁面或帖子中

現在,從下拉列表中選擇您的表單。

從下拉列表中選擇您的表單

完成此操作後,您可以發布帖子或頁面,並查看表單在網站上的外觀。

網站上有分頁符的表格

我們希望本教程可以幫助您學習如何在WordPress中添加水平線分隔符。 如果要在帖子和頁面中添加更多設計和佈局元素,請查看有關最佳拖放WordPress頁面構建器的文章。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。