在WordPress網(wǎng)站中,菜單是導(dǎo)航的重要組成部分,尤其是對于電商或展示型網(wǎng)站,將產(chǎn)品添加到菜單中可以提升用戶體驗和轉(zhuǎn)化率。以下是幾種常見的方法,幫助你在WordPress菜單中顯示產(chǎn)品。
方法1:通過“外觀 > 菜單”手動添加產(chǎn)品
進(jìn)入菜單管理頁面 登錄WordPress后臺,依次點擊 外觀 > 菜單。
選擇或創(chuàng)建菜單
- 如果已有菜單,直接選中;如果沒有,點擊 創(chuàng)建新菜單,輸入名稱后保存。
- 添加產(chǎn)品到菜單
- 在左側(cè)的 “產(chǎn)品” 或 “自定義鏈接” 選項中,選擇要添加的產(chǎn)品。
- 勾選產(chǎn)品后點擊 “添加到菜單”,然后調(diào)整順序并保存。
方法2:使用WooCommerce自動生成產(chǎn)品分類菜單
如果你的網(wǎng)站使用WooCommerce插件,可以自動將產(chǎn)品分類添加到菜單:
進(jìn)入WooCommerce設(shè)置 在后臺依次點擊 WooCommerce > 設(shè)置 > 產(chǎn)品 > 顯示。
啟用“產(chǎn)品分類”菜單 勾選 “在菜單中顯示產(chǎn)品分類”,保存更改后,系統(tǒng)會自動將產(chǎn)品分類添加到主菜單。
方法3:使用插件增強菜單功能
如果默認(rèn)功能無法滿足需求,可以安裝插件(如 “Max Mega Menu” 或 “WP Mega Menu”)來創(chuàng)建更豐富的產(chǎn)品菜單,例如:
- 添加產(chǎn)品圖片、價格等額外信息
- 創(chuàng)建下拉式或網(wǎng)格布局的菜單
方法4:通過代碼自定義菜單
對于開發(fā)者,可以通過 wp_nav_menu_items
鉤子動態(tài)添加產(chǎn)品鏈接到菜單:
add_filter('wp_nav_menu_items', 'add_products_to_menu', 10, 2);
function add_products_to_menu($items, $args) {
if ($args->theme_location == 'primary') {
$products_link = '<li><a href="' . get_permalink(wc_get_page_id('shop')) . '">產(chǎn)品</a></li>';
$items .= $products_link;
}
return $items;
}
將代碼添加到主題的 functions.php
文件(建議使用子主題避免更新覆蓋)。
總結(jié)
無論是手動添加、利用WooCommerce功能,還是通過插件或代碼,WordPress都提供了靈活的方式讓菜單顯示產(chǎn)品。選擇適合你的方法,優(yōu)化網(wǎng)站導(dǎo)航,提升用戶體驗吧!