您想將自定義形狀分隔符添加到您的WordPress網站嗎?形狀分隔器可以以引人入勝且引人注目的方式組織您的內容。它們還可以突出顯示您網站上最重要的內容,因此訪問者和客戶不會錯過關鍵信息。在本文中,我們將向您展示如何在WordPress中創建自定義形狀分隔線。
為什么要在WordPress中創建自定義形狀分隔線?
形狀分隔符是一種在內容塊之間添加的分區分隔符。
這些分隔符可以很簡單,例如使用內置WordPress塊創建的水平線。
您可以使用這些基本分隔符來組織和分隔內容,這在涵蓋許多不同主題的頁面上特別有用。
您還可以使用頁面構建器插件和其他網頁設計軟件創建更高級的形狀分隔線。這些可以突出顯示您網站最重要的內容,使其在訪問者和客戶中脫穎而出。

具有專業外觀的形狀分隔線還可以使頁面更加有趣和引人入勝。
例如,您可以使用它們為電子郵件新聞稿注冊表單創建獨特的背景。

方法 1.創建一個簡單的形狀分隔線(無需插件)
將自定義形狀分隔符添加到WordPress的最簡單方法是使用內置的分隔符塊。
此方法允許您在任何WordPress塊之間添加水平線分隔符,然后自定義線條的顏色和樣式。
此方法不允許您向WordPress添加不同的形狀,并且具有有限的自定義設置。但是,您不需要安裝額外的WordPress插件,因此這是向您的網站添加簡單形狀分隔線的最簡單方法。
要開始使用,只需在內容編輯器中打開要添加水平分隔符的帖子或頁面。然后,單擊要放置分隔符的“+”按鈕。

在彈出窗口中,輸入“分隔符”。
當右側塊出現時,單擊以將其添加到頁面或帖子中。

要自定義默認分隔符塊,請單擊它,然后使用右側菜單中的設置。
您可以使用“樣式”部分中的按鈕在默認、寬線和點之間切換。

您還可以更改線條的顏色,使其與您的主題或品牌的其余部分相匹配。
為此,請單擊“背景”,然后從出現的彈出窗口中選擇一種顏色。

當您對分隔符的外觀感到滿意時,可以單擊“發布”或“更新”按鈕以使形狀分隔線生效。
方法 2.使用頁面構建器在WordPress中創建自定義形狀分隔符(推薦)
如果您希望使用不同的形狀并自定義分隔器的每個部分,那么我們建議您使用 SeedProd 插件。
SeedProd 是市場上最好的 WordPress 頁面構建器插件,它允許您使用簡單的拖放編輯器向任何部分、行或列添加自定義形狀分隔符。
它還帶有 180 多個專業設計的模板和 90 多個塊,您可以使用它們來創建漂亮的自定義主頁、登錄頁面等。
注意:WordPress.org 上有一個免費版本的SeedProd,但我們將使用Pro版本,因為它帶有各種形狀分隔器。
您需要做的第一件事是安裝并激活 SeedProd 插件。
激活后,您需要輸入許可證密鑰。

您可以在SeedProd網站上的帳戶下找到此信息。輸入許可證密鑰后,單擊“驗證密鑰”按鈕。
完成后,轉到 種子生產 ? 頁面,然后單擊“添加新登錄頁面”按鈕。

之后,是時候選擇一個頁面設計模板了。SeedProd 有大量專業設計的模板,您可以對其進行微調以完全適合您的 WordPress 網站。
要選擇模板,只需將鼠標懸停在其上,然后單擊“復選標記”圖標。

接下來,繼續并鍵入頁面的名稱。SeedProd 將根據頁面標題自動創建一個 URL,但您可以將 URL 更改為所需的任何內容。
例如,您可能希望添加一些相關的關鍵字,這將有助于搜索引擎了解頁面的內容,并可能改善您的WordPress SEO。
當您對輸入的信息感到滿意時,請單擊“保存并開始編輯頁面”按鈕。
接下來,您將被帶到拖放頁面構建器,準備自定義模板。
SeedProd 編輯器在右側顯示設計的實時預覽,在左側顯示一些塊設置。
左側菜單還包含可以拖動到布局上的塊。
例如,您可以拖放按鈕和圖像等標準塊,或使用倒數計時器、聯系表單、社交共享按鈕等高級塊。

要自定義塊,只需單擊以在布局中選擇它。
然后,左側菜單將顯示可用于配置該塊的所有設置。您還可以更改頁面的背景顏色、添加背景圖像或更改配色方案和字體以更好地匹配您的品牌。

SeedProd還帶有“部分”,這是經常一起使用的塊的集合。例如,SeedProd 具有頁眉部分、英雄圖像、號召性用語、客戶推薦、常見問題解答、功能、頁腳部分等。
要查看不同的部分,只需單擊“部分”選項卡。

您可以使用拖放在布局中移動部分和塊。
如果要刪除塊,只需將鼠標懸停在它上面,然后在出現垃圾桶圖標時單擊它。

無論您是否選擇使用 SeedProd 剖面,您現在都可以創建自定義形狀分隔符。只需單擊以選擇要添加分隔符的部分、行或列。
然后,單擊左側菜單中的“高級”選項卡。
現在,單擊以展開“形狀分隔線”部分。
首先,您可以通過選擇“頂部”或“底部”按鈕來選擇顯示形狀分隔線的位置。

您現在可以打開“類型”菜單并選擇要使用的形狀分隔線。
當您選擇不同的形狀時,實時預覽將自動更新,因此您可以嘗試不同的樣式以查看最佳外觀。

選擇形狀分隔線后,您可以使用新設置設置其樣式。
首先,您可以單擊“顏色”,然后從出現的彈出窗口中選擇一種新顏色。

完成后,您可以通過拖動“寬度”和“高度”滑塊來放大或縮小分隔線。
如果您已經想到了特定的尺寸,則可以在框中鍵入這些數字。
您也可以嘗試通過單擊來翻轉分隔器以啟用或禁用“翻轉”開關。
默認情況下,分隔符將顯示在其余內容的后面,因此用戶可以清楚地看到與分隔符重疊的任何文本、圖像或其他內容。
但是,將形狀移動到前面可以創建一些有趣的效果。如果您想查看其外觀,只需單擊以啟用“置于頂層”開關。

要添加更多分隔線,只需按照上述相同的過程進行操作即可。
您甚至可以在區域的頂部和底部添加形狀分隔線,這通常會產生一些令人印象深刻且引人注目的結果。

您可以通過添加更多塊并在左側菜單中自定義這些塊來繼續處理頁面。
如果您對頁面的外觀感到滿意,請單擊“保存”按鈕。然后,您可以選擇“發布”以使該頁面生效。
如何將形狀分隔線添加到WordPress主題
SeedProd 的拖放編輯器使您可以自由地向任何頁面添加獨特的形狀分隔符。但是,有時您可能希望在多個頁面上使用相同的形狀分隔線,甚至在整個WordPress博客或網站上。
這將幫助您創建一致的設計,還可以為您節省大量時間。在這種情況下,我們建議使用 SeedProd 主題生成器向主題添加形狀分隔線。
使用SeedProd,您可以創建自定義WordPress主題,而無需編寫任何代碼。它會創建構成主題的所有文件,包括側邊欄、頁眉、頁腳、單個帖子等。

然后,您可以使用熟悉的拖放構建器自定義這些文件。這包括按照上述相同過程添加形狀分隔線。
當您使用 SeedProd 激活新主題時,它將覆蓋您現有的 WordPress 主題,因此僅當您想替換當前主題時才應使用此方法。






