搜尋
首頁CMS教程&#&按更好的導覽:如何在 WordPress 中新增下拉式選單

WordPress 具有內建選單管理系統,可輕鬆地將選單新增至您的網站。然而,隨著您添加越來越多的頁面、貼文和其他雜項內容,將每個目的地都包含在標準功能表列中可能會變得不可能

在這些情況下,透過用下拉式選單取代標準水平選單欄,您可以輕鬆存取網站的每個部分,不會使功能表列變得混亂。

在這個快速提示中,我將分享兩種簡單的方法,您可以將任何標準 WordPress 選單轉換為下拉式選單。

最佳 WordPress 導覽外掛

在我們開始之前,我想提一下,您可以在 CodeCanyon 上找到超過 7,000 個有史以來最好的 WordPress 外掛。透過便宜的一次性付款,您可以購買這些高品質的 WordPress 外掛程式來滿足導航或其他需求。

更好的导航:如何在 WordPress 中添加下拉菜单

#免費 WordPress 教學影片

此外,您可能還想查看我們的深入 WordPress 教程,其中包含兩個多小時的針對初學者的深入 WordPress 影片說明。甚至有一門專門針對使用 WordPress 菜單的特殊課程。

#建立至少一個標準 WordPress 選單

您可以將下拉功能新增至任何 WordPress 選單。

如果您沒有要轉換為下拉式選單的標準選單,那麼您需要建立一個。

登入您的 WordPress 帳號(如果您尚未登入)。在 WordPress 的左側選單中,選擇外觀 > 選單,然後點擊建立新選單按鈕。為您的選單命名,然後選擇建立新選單

請注意,選單名稱不會出現在您網站上的任何位置,因此僅供您參考。 新增選單項目部分列出了所有頁面貼文自訂連結類別 和您可以新增到選單中的格式。點擊任意部分即可查看該類別中的所有可用項目。當您找到要新增至選單中的項目時,請選擇其隨附的複選框。

更好的导航:如何在 WordPress 中添加下拉菜单

當您對選擇感到滿意時,請點擊新增至選單。所有這些項目現在都將添加到您的選單中。

此時,您已經建立了一個標準的 WordPress 選單;您的下一個任務是新增下拉功能。

將任何 WordPress 選單轉換為下拉式選單

要將常規選單變成下拉式選單,您需要使用拖放來建立「父」項目(將顯示為主選單的一部分)和「子」項目(將顯示為他們父母的下拉清單的一部分。

例如,在下面的螢幕截圖中,設定是其父級,密碼重設註銷是其子級。

更好的导航:如何在 WordPress 中添加下拉菜单

這給了我以下下拉式選單:

更好的导航:如何在 WordPress 中添加下拉菜单

您可以在選單結構區域將選單項目分為父選單項目和子選單項目。 p>

首先,抓住任何你想變成孩子的物品。將子項拖曳到父項上,但暫時不要釋放滑鼠。將滑鼠稍微向右移動,使其嵌入父級下方。釋放滑鼠,選單項目應該成為父項的子項。

如果您對下拉式選單的組織方式感到滿意,請點選儲存選單

管理位置:顯示您的選單

現在我們需要將此下拉式選單放置在我們的網站上,因此請點擊管理位置標籤。

根據您網站的設定方式,您可能有不同的選單定位選項。但是,如果您希望選單顯示為網站標題的一部分,則通常需要選擇頂部選單主選單主.

如果您對自己的選擇感到滿意,請點擊儲存變更。您的下拉式選單現在應該顯示在網站頂部。

使用主題自訂器建立下拉式選單

或者,您可以使用 WordPress 的即時預覽和自訂器功能建立下拉式選單。

在 WordPress 的左側選單中,選擇外觀 > 選單

點選使用即時預覽進行管理按鈕。這會將您帶到主題自訂器的一個區域,您可以透過點擊建立新選單按鈕來建立標準 WordPress 選單。為您的選單命名,然後按一下下一步

點擊新增項目並選擇您想要作為選單一部分顯示的每個項目。若要將標準選單項目變成子選單項,請將其拖曳到要用作其父選單項目的項目上。在釋放滑鼠之前,將子項目稍微向右拖曳,然後釋放。該項目現在應該轉換為父項目的子項目,並且它將顯示為其下拉式選單的一部分。

當您將選單分為父選單和子選單時,您的變更將自動反映在即時預覽中。沖洗並重複,直到您對下拉式選單的配置方式感到滿意為止。

透過選擇選單位置複選框之一來指定新下拉式選單的顯示位置。請注意,可用選項會有所不同,具體取決於您目前使用的 WordPress 主題。如果您對下拉式選單的配置方式感到滿意,請點選發布

您的新下拉式選單現在應該會出現在您的網站上。

結論

在這個快速提示中,我向您展示如何建立標準 WordPress 選單,然後將該選單轉換為下拉式選單。透過選擇下拉式選單,您可以確保您的網站易於導航,不會使功能表列變得混亂。

有關如何充分利用 WordPress 選單和其他 WordPress 外掛程式的更多提示和技巧,請查看我們的其他一些教學。

UberMenu:最暢銷的 WordPress 超級選單外掛程式

如果您正在尋找一流的 WordPress 選單插件,請查看 UberMenu。

更好的导航:如何在 WordPress 中添加下拉菜单

您可以使用 UberMenu 快速為您的 WordPress 網站開發自訂大型選單。作為 CodeCanyon 最暢銷的 WordPress 大型選單選項之一,該外掛程式開箱即用,可以建立完全響應式、支援觸控的選單,並且在跨平台上一致執行。這個使用者友善的外掛程式可讓您在您已經習慣使用的系統中快速建立進階子選單佈局。

這個外掛程式是完全可自訂的,因此您可以建立一個與您的網站完美配合的大型選單。

以上是更好的導覽:如何在 WordPress 中新增下拉式選單的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
wordpress怎麼加評論框wordpress怎麼加評論框Apr 20, 2025 pm 12:15 PM

在 WordPress 網站上啟用評論功能,可以為訪客提供參與討論和分享反饋的平台。為此,請按照以下步驟操作:啟用評論:在儀錶盤中,導航至“設置”>“討論”,並選中“允許評論”複選框。創建評論表單:在編輯器中,單擊“添加塊”並蒐索“評論”塊,將其添加到內容中。自定義評論表單:通過設置標題、標籤、佔位符和按鈕文本來定制評論塊。保存更改:單擊“更新”以保存評論框並將其添加到頁面或文章中。

wordpress怎麼複製子站wordpress怎麼複製子站Apr 20, 2025 pm 12:12 PM

如何復制 WordPress 子站?步驟:在主站創建子站。在主站克隆子站。將克隆導入目標位置。更新域名(可選)。分開插件和主題。

wordpress怎麼寫頁頭wordpress怎麼寫頁頭Apr 20, 2025 pm 12:09 PM

在WordPress中創建自定義頁頭的步驟如下:編輯主題文件“header.php”。添加您的網站名稱和描述。創建導航菜單。添加搜索欄。保存更改並查看您的自定義頁頭。

wordpress評論怎麼顯示wordpress評論怎麼顯示Apr 20, 2025 pm 12:06 PM

WordPress 網站中啟用評論功能:1. 登錄管理面板,轉到 "設置"-"討論",勾選 "允許評論";2. 選擇顯示評論的位置;3. 自定義評論表單;4. 管理評論,批准、拒絕或刪除;5. 使用 <?php comments_template(); ?> 標籤顯示評論;6. 啟用嵌套評論;7. 調整評論外形;8. 使用插件和驗證碼防止垃圾評論;9. 鼓勵用戶使用 Gravatar 頭像;10. 創建評論指

wordpress怎麼上傳源碼wordpress怎麼上傳源碼Apr 20, 2025 pm 12:03 PM

可以通過 WordPress 安裝 FTP 插件,配置 FTP 連接,然後使用文件管理器上傳源碼。步驟包括:安裝 FTP 插件、配置連接、瀏覽上傳位置、上傳文件、檢查上傳成功。

wordpress代碼怎麼複製wordpress代碼怎麼複製Apr 20, 2025 pm 12:00 PM

如何復制 WordPress 代碼?從管理界面複製:登錄 WordPress 網站,導航到目標位置,選擇代碼並按 Ctrl C (Windows)/Command C (Mac) 複製代碼。從文件複製:使用 SSH 或 FTP 連接到服務器,導航到主題或插件文件,選擇代碼並按 Ctrl C (Windows)/Command C (Mac) 複製代碼。

wordpress出現錯誤怎麼辦wordpress出現錯誤怎麼辦Apr 20, 2025 am 11:57 AM

WordPress 錯誤解決指南:500 內部服務器錯誤:禁用插件或檢查服務器錯誤日誌。 404 未找到頁面:檢查 permalink 並確保頁面鏈接正確。白屏死機:增加服務器 PHP 內存限制。數據庫連接錯誤:檢查數據庫服務器狀態和 WordPress 配置。其他技巧:啟用調試模式、檢查錯誤日誌和尋求支持。預防錯誤:定期更新 WordPress、僅安裝必要插件、定期備份網站和優化網站性能。

wordpress怎麼關閉評論wordpress怎麼關閉評論Apr 20, 2025 am 11:54 AM

如何在 WordPress 中關閉評論?特定文章或頁面:在編輯器中取消選中“討論”下的“允許評論”。整個網站:在“設置”->“討論”中取消選中“允許發表評論”。使用插件:安裝 Disable Comments 等插件禁用評論。編輯主題文件:通過編輯 comments.php 文件移除評論表單。自定義代碼:使用 add_filter() 函數禁用評論。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!