在WordPress網(wǎng)站中,將產(chǎn)品分類(lèi)(如WooCommerce產(chǎn)品分類(lèi))顯示在頁(yè)腳區(qū)域可以提升用戶(hù)體驗(yàn),方便訪客快速瀏覽商品類(lèi)別。以下是幾種實(shí)現(xiàn)方法:
方法一:使用小工具(Widget)
- 進(jìn)入WordPress后臺(tái):登錄后,依次點(diǎn)擊「外觀」→「小工具」。
- 找到頁(yè)腳區(qū)域:根據(jù)主題不同,頁(yè)腳可能顯示為「Footer 1」「Footer 2」等。
- 添加分類(lèi)小工具:
- 如果是WooCommerce產(chǎn)品分類(lèi),選擇「WooCommerce產(chǎn)品分類(lèi)」小工具。
- 如果是默認(rèn)文章分類(lèi),選擇「分類(lèi)目錄」小工具。
- 設(shè)置并保存:調(diào)整小工具標(biāo)題、顯示方式(如層級(jí)列表或下拉菜單),點(diǎn)擊「保存」。
方法二:通過(guò)主題自定義功能
部分主題(如Astra、OceanWP)支持直接通過(guò)「自定義」界面編輯頁(yè)腳正文:
- 進(jìn)入「外觀」→「自定義」。
- 找到「頁(yè)腳」或「Footer」選項(xiàng)。
- 添加HTML塊或短代碼(如
[product_categories]
)來(lái)調(diào)用分類(lèi)。
方法三:使用插件
若主題不支持直接編輯,可安裝插件增強(qiáng)功能:
- Elementor Pro:通過(guò)頁(yè)腳模板拖拽「產(chǎn)品分類(lèi)」模塊。
- Footer Mega Grid Columns:自定義頁(yè)腳布局并添加分類(lèi)鏈接。
方法四:手動(dòng)編輯主題文件(適合開(kāi)發(fā)者)
通過(guò)子主題修改footer.php
文件,插入以下代碼(以WooCommerce為例):
<?php
if (class_exists('WooCommerce')) {
echo '<ul>';
wp_list_categories(array(
'taxonomy' => 'product_cat',
'title_li' => '產(chǎn)品分類(lèi)'
));
echo '</ul>';
}
?>
注意事項(xiàng):
- 修改主題文件前建議備份或使用子主題。
- 部分主題可能需要CSS調(diào)整樣式以適配頁(yè)腳布局。
通過(guò)以上方法,即可靈活地將產(chǎn)品分類(lèi)集成到頁(yè)腳,提升網(wǎng)站導(dǎo)航的便捷性。