在WordPress網(wǎng)站中,將產(chǎn)品分類(如WooCommerce商品分類)展示在主頁上,可以提升用戶體驗(yàn)并方便訪客快速找到所需商品。以下是幾種常見的方法:
方法一:使用WooCommerce短代碼
如果你的網(wǎng)站使用WooCommerce插件管理產(chǎn)品,可以直接在主頁的頁面編輯器(如Gutenberg或Elementor)中添加短代碼來顯示分類:
- 編輯主頁(進(jìn)入 后臺 > 頁面 > 主頁)。
- 在編輯器中添加一個 短代碼塊,輸入以下代碼:
[product_categories number="6" columns="3"]
number
控制顯示的分類數(shù)量。columns
設(shè)置每行顯示的列數(shù)。
- 更新頁面,即可在主頁看到產(chǎn)品分類列表。
方法二:通過主題自定義功能
部分WordPress主題(如Astra、OceanWP)支持直接在小工具或主頁模塊中添加產(chǎn)品分類:
- 進(jìn)入 外觀 > 自定義。
- 找到 主頁設(shè)置 或 小工具 區(qū)域。
- 添加一個 分類列表 或 WooCommerce分類 模塊,調(diào)整顯示樣式后保存。
方法三:使用頁面構(gòu)建插件(如Elementor)
通過Elementor等可視化編輯器,可以更靈活地設(shè)計(jì)分類展示:
- 使用Elementor編輯主頁。
- 添加一個 產(chǎn)品分類 小工具(需安裝WooCommerce的Elementor擴(kuò)展)。
- 設(shè)置分類的布局、數(shù)量和樣式,預(yù)覽后發(fā)布。
方法四:手動添加分類鏈接
如果希望自定義分類的展示方式,可以在主頁的HTML或文本編輯器中手動插入分類鏈接:
<ul>
<li><a href="/product-category/分類1/">分類1</a></li>
<li><a href="/product-category/分類2/">分類2</a></li>
</ul>
注意事項(xiàng)
- 確保已正確設(shè)置WooCommerce分類,并發(fā)布產(chǎn)品。
- 部分方法可能需要插件或主題支持,建議提前備份網(wǎng)站。
通過以上方法,你可以輕松將產(chǎn)品分類整合到主頁,提升網(wǎng)站導(dǎo)航效率。