您是否想在列中顯示 wordpress 小部件?
小部件允許您將動態內容添加到無法使用標準 wordpress 內容編輯器編輯的區域。您經常將小部件添加到側邊欄,但您可以將它們顯示在多列的其他區域中。
在本文中,我們將向您展示在列中顯示 WordPress 小部件的簡單方法。
/>
為什么要在列中顯示 WordPress 小部件?
小部件是向 WordPress 網站添加圖片庫、?社交媒體源、日歷、隨機引用、熱門帖子和其他動態內容的好方法。
但是,如果您添加大量小部件,那么它可能會開始看起來令人困惑和混亂。
如果發生這種情況,我們建議您將小部件組織成列。這允許您以結構化的方式顯示大量內容。您甚至可以在列中添加副標題,以幫助訪問者更快地找到他們想要的內容。
考慮到這一點,讓我們看看如何在列中顯示小部件。只需使用下面的快速鏈接即可直接跳至您要使用的方法:
- 方法 1:檢查您的 WordPress 主題是否有支持小部件的頁腳
- 方法 2:使用頁面和帖子編輯器(適用于所有主題)
- 方法 3:創建自定義 WordPress 主題(完全可定制)
- 方法 4:使用全站點編輯器(僅限基于塊的主題)
方法 1:檢查您的 WordPress 主題是否有支持小部件的頁腳
一些 WordPress 主題在頁腳中有多個小部件就緒區域。在這種情況下,每個區域將顯示為單獨的列。
如果您想在網站頁腳中列出信息或鏈接,這是完美的選擇。例如,您可能會顯示您的聯系信息、 WooCommerce商店中所有產品的列表或您網站上最重要的鏈接。
/>
如需更多想法,請參閱我們要添加到 WordPress 頁腳區域的事項清單。
要檢查您的主題頁腳中是否有多個小部件就緒區域,請轉到WordPress 儀表板中的外觀 ? 小部件。
在這里,查找標有“頁腳”或類似標簽的任何區域。
/>
上面的主題有兩個小部件就緒區域,因此我們可以使用它們在列中顯示小部件。
只需單擊即可展開這些區域中的任何一個,然后開始添加您想要顯示的小部件。有關更詳細的說明,請參閱我們有關如何在 WordPress 中添加和使用小部件的指南。
/>
完成后,單擊展開下一個小部件就緒頁腳區域,然后添加要在該列中顯示的小部件。
只需對每個頁腳區域重復這些步驟即可。
添加完小部件后,請不要忘記單擊“更新”按鈕來保存更改。您現在可以訪問您的WordPress 網站并滾動到頁腳以查看按列組織的小部件。
/>
方法 2:使用頁面和帖子編輯器(適用于所有主題)
另一種選擇是使用默認的WordPress 塊編輯器向頁面和帖子添加列。這使您可以準確控制小部件在網站上的顯示位置,包括在帖子內容中。如果您想在每個頁面上顯示獨特的小部件,這也是一個不錯的選擇。
但是,您需要將小部件添加到每個頁面并手動發布。也就是說,此方法可能需要很長時間,特別是如果您想在每個頁面上顯示相同的小部件。
要使用此方法,請打開要在列中添加小部件的頁面或帖子。然后,單擊“+”按鈕并輸入“列”。
/>
當右側塊出現時,將其拖放到您的布局上。
現在,您可以選擇要顯示的列數以及每列應占用的空間。
例如,在下圖中,我們創建三列,每列占用 33% 的可用空間。
/>
完成后,單擊第一列中的“+”圖標。
在出現的彈出窗口中,選擇要添加到此列的小部件。
/>
您可以使用右側菜單中的設置自定義小部件。例如,您可以更改背景顏色、添加鏈接或更改字體大小。
您還可以使用塊來創建副標題、列表和其他內容。這可以為您的小部件添加一些額外的結構和上下文。
/>
只需重復這些步驟即可將更多小部件添加到列中。
如果您對列的設置方式感到滿意,請單擊“更新”或“發布”以使列和小部件生效。
方法 3:創建自定義 WordPress 主題(完全可定制)
雖然可以使用內置的 WordPress 工具在多列中組織和顯示小部件,但有時您可能需要對布局進行更多控制。
您可能還想將欄添加到具有完全自定義設計的漂亮登陸頁面或銷售頁面。
在這種情況下,我們建議使用SeedProd。
SeedProd 是市場上最好的 WordPress 頁面構建器插件,允許您設計自己的主題,而無需編寫任何代碼。這意味著您可以向網站的任何區域添加任意數量的列和小部件。
/>
SeedProd 還擁有不斷增長的專業模板網站工具包庫,您只需單擊一下即可將其添加到您的網站中。有時也稱為網站套件或 WordPress 入門模板,這些設計允許您快速創建完全自定義的主題。
首先,您需要安裝并激活SeedProd插件。有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步指南。
注意:SeedProd有一個免費版本,允許您創建自定義頁面,包括維護頁面和即將推出的頁面,無論您的預算是多少。但是,在本指南中,我們將使用主題生成器附帶的高級插件。請注意,您需要 SeedProd Pro 或更高版本才能使用主題生成器。
激活后,前往SeedProd ? 設置并輸入您的許可證密鑰。
/>
您可以在SeedProd 網站上的帳戶中找到此信息。
輸入此信息后,單擊“驗證密鑰”按鈕。
完成后,轉到?SeedProd ? 主題生成器?頁面,然后單擊“主題模板套件”按鈕。
/>
您現在將看到 SeedProd 的網站套件庫。
要仔細查看任何模板,只需將鼠標懸停在其上,然后在放大鏡圖標出現時單擊它。
/>
這將在新選項卡中打開模板套件。
由于它是一個完整的網站工具包,因此您可以通過單擊不同的鏈接、按鈕和菜單項來查看更多頁面和設計。
/>
SeedProd 擁有適用于不同行業和利基市場的模板套件,例如?餐廳網站、?旅游博客、營銷咨詢等。
當您找到要使用的模板套件時,只需將鼠標懸停在其上,然后在出現時單擊復選標記圖標即可。
/>
SeedProd 現在會將所有不同的模板添加到 WordPress 儀表板。
要仔細查看,請轉到?SeedProd ? 主題生成器。根據您使用的套件,您可能會看到略有不同的選項。
/>
只需將鼠標懸停在要添加小部件列的模板上,然后單擊“編輯設計”鏈接即可。
例如,如果您想在頁腳區域顯示小部件列,則需要編輯頁腳模板。
/>
這將加載 SeedProd 編輯器,模板位于屏幕右側。
在左側,您會看到一個包含不同選項的菜單。
/>
大多數套件已經帶有內置模塊。要自定義塊,只需在頁面預覽中單擊將其選中,然后在左側菜單中進行任何更改。
例如,如果您想替換某些占位符,則需要選擇文本或標題塊,然后在小型文本編輯器中鍵入內容。
您還可以使用左側菜單中的設置完全更改套件的外觀,包括更改?配色方案、字體選擇、?鏈接顏色、按鈕等。
大多數這些設置都是相當不言自明的,因此值得在布局中選擇不同的塊,然后查看設置。
/>
要創建列,請滾動到左側菜單中的“標準”部分。
在這里,找到“列”塊并將其拖放到要將小部件排列到列中的區域。
/>
您現在可以選擇要創建的列數以及每列應占用的空間量。
為此,只需單擊您要使用的布局即可。
/>
您現在可以開始向您的列添加小部件。
在左側菜單中,找到每個小部件,然后將其拖到要顯示該小部件的列上。
/>
添加小部件后,單擊以在實時預覽中選擇它。
然后,您可以使用左側菜單中的設置來自定義該小部件。要查看更多自定義設置,請單擊“高級”選項卡。
/>
在這里,您可以添加 css 動畫、更改間距、添加邊框等等。
只需重復這些步驟即可將更多小部件添加到您的列中。如果您對頁面的外觀感到滿意,請單擊“保存”按鈕來存儲您的更改。
您現在可以繼續編輯 WordPress 主題的其余部分。有關更多詳細信息,請參閱我們有關如何為初學者創建自定義 WordPress 主題的完整指南。
當您對模板的設置方式感到滿意時,就可以讓該套件投入使用了。
在 WordPress 儀表板中,轉到?SeedProd ? 主題生成器?,然后單擊“啟用 SeedProd 主題”切換按鈕,使其顯示“是”。
/>
您現在可以訪問您的WordPress 博客或網站來查看新的自定義主題的實際效果。
方法 4:使用全站點編輯器(僅限基于塊的主題)
如果您使用的是?啟用塊的 WordPress 主題,則可以使用全站點編輯器將列添加到網站的任何區域。
您甚至可以使用標準 WordPress 內容編輯器編輯無法更改的區域。例如,您可以將小部件和列添加到站點的404 頁面模板中。
首先,請轉到??WordPress 儀表板中的外觀 ? 編輯器。
默認情況下,完整的站點編輯器顯示主題的主頁模板,但您可以將列和小部件添加到任何區域。
要查看所有可用選項,只需選擇“模板”或“模板部件”。
/>
您現在可以單擊要編輯的模板或模板部分。
WordPress 現在將顯示設計的預覽。要繼續編輯此模板,請單擊小鉛筆圖標。
/>
完成后,單擊藍色“+”圖標并輸入“列”。
當右側塊出現時,將其拖放到您的頁面設計上。
/>
您現在可以選擇要使用的布局。
例如,在我們的圖像中,我們使用 33/33/33 布局,它創建三列,每列占用可用寬度的 33%。
/>
完成后,單擊藍色的“+”圖標,然后找到您要使用的第一個小部件。
然后,您只需將該小部件拖放到您想要顯示它的列上即可。
/>
如果需要,您可以使用右側菜單中的設置微調每個塊。
只需重復這些步驟即可將更多小部件添加到您的列中。
/>
當您對更改感到滿意時,請繼續并單擊“保存”以使它們生效。現在,如果您訪問 WordPress 網站,您將看到正在運行的新小部件和列。
我們希望本文能幫助您了解如何在列中顯示 WordPress 小部件。您可能還想查看我們關于如何在 WordPress 中創建自定義 instagram 照片源的指南,或者我們專家精選的WordPress 最佳社交媒體插件。