您是否要在WordPress的帖子或頁面中添加一條水平線?
水平線分隔符是一種將長帖子分成較小部分,突出顯示特殊聲明或促銷以及清楚地分隔頁面不同部分的好方法。
在本文中,我們將向您展示如何在WordPress中輕鬆添加水平線分隔線。
由於這是有關如何在WordPress中添加水平線分隔符的綜合指南,因此使用我們的目錄可能會有所幫助:
在WordPress區塊編輯器中添加水平線
要使用WordPress塊編輯器添加水平線,請單擊(+)圖標以將新塊添加到您想要將該線放置在的位置。
接下來,從“佈局元素”部分中選擇“分隔符”塊,或使用搜索欄進行搜索。
添加後,您將在內容區域中看到水平線分隔線。
在WordPress區塊編輯器中設定水平線的樣式
默認情況下,水平分隔線是跨越帖子或頁面中心的淺灰色線。
您可以通過單擊行以選擇其塊來更改其外觀。 然後,“塊”編輯面板將在屏幕的右側打開。
要更改線條的樣式,只需單擊樣式旁邊的小箭頭。 然後,您將看到不同的選項。
如果需要,可以將水平線更改為以下之一:
- 一條寬線覆蓋了帖子內容的整個寬度。
- 帖子中心顯示三個點。
注意: 在某些WordPress主題中,粗線和默認線都將覆蓋您帖子的整個寬度。
您還可以在“顏色”設置下更改水平線的顏色。 只需單擊顯示的選項之一,或使用“自定義顏色”鏈接即可選擇所有顏色。
如果要恢復為默認的灰色,只需單擊顏色選項下的“清除”按鈕即可。
在這裡,我們的水平線是藍色,並使用“寬”樣式。
在WordPress經典編輯器中添加水平線
如果仍在使用經典編輯器,則可以添加基本水平線。 為此,只需編輯現有帖子或頁面或創建一個新帖子或頁面即可。
如果您僅在帖子編輯器上方的工具欄中看到一行按鈕,請單擊右側的“工具欄切換”圖標:
這將打開第二行按鈕,其中包括水平線選項。
現在,繼續進行操作,並在要水平線移動的段落之間插入一個換行符。 然後,您可以單擊“水平線”按鈕。 這是第二行中從左數第二個:
您的水平線將為淺灰色。 這樣會覆蓋您帖子的整個寬度,如下所示:
使用HTML手動添加水平線分隔線
在極少數情況下,您可能需要在WordPress內容中手動添加水平線分隔線。
如果是這樣,您只需在內容中使用hr HTML標籤即可:
這將在您的帖子內容中添加水平線分隔符。
您可以在帖子和頁面中使用的其他分隔符
默認的WordPress塊編輯器允許您向帖子和頁面添加多種類型的分隔符。
除水平線分隔符外,佈局元素塊組中的其他選項包括空格,更多鏈接和分頁符塊。
墊片塊
空格鍵使您可以在塊之間添加空格。 例如,如果您想在特價結束前在文章末尾有一些空白,可以使用Spacer。
您可以自定義墊片的高度。 在塊編輯器中創建帖子時的外觀如下:
這是分隔符在您網站上的顯示方式:
更多街區
如果您的主題在博客主頁面上顯示了完整的帖子(而不是摘錄),則添加“更多”鏈接將在此時斷開您的帖子。 訪客可以單擊以閱讀更多內容。
創建帖子時的外觀如下:
這是“更多”鏈接在您的網站上顯示的方式:
您可以在有關如何輕鬆自定義WordPress中的摘錄的指南中了解有關摘錄的更多信息。
分頁塊
分頁符使您可以將較長的博客文章分成多個頁面。 您無法以任何方式對其進行自定義。 創建帖子時的外觀如下:
這是分頁符在您的網站上顯示的方式:
這些方法中的任何一種都可以作為在WordPress中添加水平線的好選擇,具體取決於您要執行的操作。
使用WPForms在WordPress表單中添加分頁符
如果您不想在帖子或頁面上休息,而是在WordPress聯繫人表格中休息,該怎麼辦? 你也能做到。 我們將為此使用WPForms。
首先,您需要下載,安裝和激活WPForms插件。 如果您不確定如何安裝,請查看有關如何安裝WordPress插件的分步指南。
接下來,前往 WPForms»添加新 在您的WordPress儀表板中。
輸入您的表單名稱,然後選擇一個模板。 我們將使用“請求報價單”模板。 將鼠標光標懸停在模板上,然後單擊按鈕創建表單。
接下來,將左側的“添加字段”選項卡向下滾動到“花哨的字段”部分。 將分頁符拖放到窗體上的任何位置。 我們將其放在“請求”框之前。
您將看到該表單現在分為兩部分。 WPForms也自動添加了“下一步”按鈕。
您可以根據需要更改“下一個”標籤,還可以添加“上一個”按鈕進入表格的第二頁。 只需單擊分頁符字段即可對其進行編輯。
單擊完成後,單擊右上角的“保存”按鈕,保存表單。
您現在可以將表單添加到您的網站。 首先,您需要創建一個新的帖子或頁面,或編輯現有的帖子或頁面。
單擊(+)將新塊添加到您的帖子或頁面,然後找到WPForms塊。 您可以使用搜索欄或在“小部件”部分中查找。 將塊添加到您的頁面。
現在,從下拉列表中選擇您的表單。
完成此操作後,您可以發布帖子或頁面,並查看表單在網站上的外觀。
我們希望本教程可以幫助您學習如何在WordPress中添加水平線分隔符。 如果要在帖子和頁面中添加更多設計和佈局元素,請查看有關最佳拖放WordPress頁面構建器的文章。
如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。