WordPress選單教學！ 詳細製作+3個隱藏技巧讓你完美設計

經營 WordPress 網站，不可能不接觸選單。究竟要如何做得好？ 要如何做出自己想要的功能？ 我們就從基礎選單設定到進階隱藏技巧循序漸進，最終做出一個吸引人的選單吧！

YouTube影音教學

什麼是 WordPress 選單？

選單(Menu)目的是讓訪客快速找到這個網站的資料，也能藉由選單的項目快速了解網站類型。看看一小時架站網頁右上角，那個就是選單了。

設計自己的第一個選單

建立選單

1. 在後台的外觀區域找到選單。
2. 右側輸入選單名稱後按下建立（這名稱不會顯示在網站前端）。

放入項目

從上面的圖片，可以找到新增選單項目的區域，勾選想要放上去的文章，最後按下新增至選單就可以囉了！如果找不到的話，也可以按下藍色文字的搜尋，直接輸入關鍵字尋找。

而如果想要放入首頁，則是點選頁面區域，找到首頁的標題，勾選並按新增即可；想放分類也是差不多操作。

更改項目名稱

項目的右邊有個三角形符號，點下去就可以展開設定，裡面就可以改名。這裡改名不會影響到原本頁面的標題，所以可以放心使用~

更改項目順序

在展開項目設定的時候就可以看到有移動選單項目的功能，但其實我們可以用滑鼠直接抓住項目做移動，這樣子速度會更快一點，而且也更直觀。

下拉式選單

如果想要讓 WordPress 選單做出多層的效果，只要把項目用滑鼠抓到後方，就會變成子項目，這樣就可以創造出下拉式效果囉！

讓選單顯示在網站頁首

這個部分通常是在佈景主題做設定的喔！

後台左側功能區的外觀那裡找到自訂，進去後找到頁首的欄位，通常那裡就可以調整要顯示什麼選單了~

選單的進階操作

建立無連結項目

如果想要選單就單純顯示文字，可以透過自訂連結實現，只要輸入「#」這個井字號，連結文字的部分再輸入你自己想要顯示的內容就可以了。

以新分頁開啟連結

1. 點選整個後台畫面右上方的顯示項目設定。
2. 勾選連結目標開啟方式。
3. 項目展開功能後可勾選在新分頁中開啟連結。

選單使用圖示做顯示

由於 WordPress 預設沒有提供這個功能，所以我們需要透過外掛來處理。需要安裝 Font Awesome 這款，免費版就相當好用了！

1. 後台的外掛區域，點選安裝外掛。
2. 搜尋列輸入關鍵字就會找到 Font Awesome。
3. 按下立即安裝。
4. 安裝完畢後直接點選啟用。

外掛啟用後，就可以直接來到 Font Awesome 官網挑選喜歡的圖示了，點選上方的 Icons，裡面可以找到免費版的可用選項，兩千多個圖示可使用真的很佛心！

• Font Awesome 免費版圖示快速連結

我隨便示範使用一個圖示，點進去後直接點選畫面中的那行 HTML 程式碼，就可以把它完整複製下來。

然後直接把這行 HTML 程式碼貼進連結文字的位置，雖然這時選單看起來很詭異，但這時就已經讓圖示成功在前端顯示囉！

常見問題