在WordPress網(wǎng)站中，導(dǎo)航菜單是用戶瀏覽網(wǎng)站內(nèi)容的重要工具。通常情況下，一個網(wǎng)站只需要一個主導(dǎo)航菜單，但在某些情況下，您可能需要在頁面的不同位置顯示兩個導(dǎo)航菜單。例如，一個用于頂部導(dǎo)航，另一個用于側(cè)邊欄或頁腳導(dǎo)航。本文將詳細(xì)介紹如何在WordPress中設(shè)置兩個導(dǎo)航菜單。
步驟一：創(chuàng)建導(dǎo)航菜單
登錄WordPress后臺 登錄到您的WordPress后臺管理界面。
進(jìn)入“外觀” > “菜單” 在左側(cè)菜單欄中，找到并點擊“外觀”，然后選擇“菜單”。
創(chuàng)建新菜單 如果您還沒有創(chuàng)建過菜單，點擊“創(chuàng)建新菜單”按鈕。輸入菜單名稱（例如“頂部導(dǎo)航”），然后點擊“創(chuàng)建菜單”。
添加菜單項 在左側(cè)的“頁面”、“文章”或“自定義鏈接”等選項中，選擇您想要添加到菜單中的項目，然后點擊“添加到菜單”。您可以通過拖拽菜單項來調(diào)整它們的順序。
保存菜單 完成菜單項的添加后，點擊“保存菜單”按鈕。
步驟二：設(shè)置第二個導(dǎo)航菜單
創(chuàng)建第二個菜單 重復(fù)步驟一中的操作，創(chuàng)建第二個菜單（例如“側(cè)邊欄導(dǎo)航”）。添加所需的菜單項并保存。
分配菜單位置 在“菜單設(shè)置”部分，您會看到“顯示位置”選項。WordPress主題通常會提供多個菜單位置，例如“頂部導(dǎo)航”、“側(cè)邊欄導(dǎo)航”等。選擇您想要顯示第二個菜單的位置，然后點擊“保存菜單”。
步驟三：在主題中顯示第二個導(dǎo)航菜單
編輯主題文件 如果您想要在主題的特定位置顯示第二個導(dǎo)航菜單，可能需要編輯主題文件。通常，您需要編輯
header.php或sidebar.php文件。添加菜單代碼 在適當(dāng)?shù)奈恢锰砑右韵麓a來顯示第二個導(dǎo)航菜單：
<?php
wp_nav_menu(array(
'theme_location' => 'secondary', // 替換為您的菜單位置
'menu_class' => 'secondary-menu',
));
?>
'theme_location'應(yīng)與您在“菜單設(shè)置”中分配的位置一致。
- 保存并上傳文件 保存您所做的更改，并將文件上傳到服務(wù)器。
步驟四：自定義菜單樣式
- 使用CSS自定義樣式 您可以通過CSS來自定義第二個導(dǎo)航菜單的樣式。在“外觀” > “自定義” > “附加CSS”中添加自定義CSS代碼。
例如：
.secondary-menu {
background-color: #f4f4f4;
padding: 10px;
}
.secondary-menu li {
display: inline-block;
margin-right: 15px;
}
- 保存并預(yù)覽 保存CSS代碼后，預(yù)覽您的網(wǎng)站，確保第二個導(dǎo)航菜單的樣式符合您的預(yù)期。
總結(jié)
通過以上步驟，您可以在WordPress中成功設(shè)置并顯示兩個導(dǎo)航菜單。無論是用于頂部導(dǎo)航、側(cè)邊欄導(dǎo)航還是頁腳導(dǎo)航，合理設(shè)置導(dǎo)航菜單可以大大提升用戶的瀏覽體驗。如果您在設(shè)置過程中遇到任何問題，可以參考WordPress官方文檔或?qū)で髮I(yè)幫助。
希望本文對您有所幫助，祝您在WordPress網(wǎng)站建設(shè)中取得成功！
