建立下拉式選單

下拉式選單或子選單會在游標指向或點選某個選單項目時，顯示額外的項目。此功能有助於讓選單保持整齊有序。此指引會說明如何建立下拉式選單。

在此指南中

1. 建立下拉式選單
2. 新增無連結的選單項目

按照下列步驟操作，即可建立下拉式選單。

📌

若要判斷應遵循本指南的哪一節內容，請前往儀表板查看左側的「外觀」區段。如果顯示「編輯器」，請參閱本指南的「網站編輯器」一節。否則，請參閱「WP 管理員」或「自訂工具」操作說明。

選取適合設計介面的分頁：

網站編輯器WP-Admin自訂器

網站編輯器中的選單來自導覽區塊。按照這些步驟操作，即可建立下拉式選單：

1. 從儀表板前往「外觀」→「編輯器」。
2. 按一下畫面右側，開啟編輯區域。
   • 或者，你也可以選取「版面配置」，選擇包含選單的頁首或其他範本組件。
3. 開啟畫面左上角的「清單檢視」(圖示看起來像三條疊在一起的水平線)。
4. 選取「導覽區塊」(可能嵌入於頁首、群組或橫列排列等其他區塊中)。
5. 在右側邊欄設定中，將滑鼠游標移動至選單項目上方，然後按一下出現的三點圖示。
   • 如果右側未顯示側邊欄，可能需要按一下右上角的「設定」圖示叫出設定。此圖示外觀為正方形中有兩個大小不同的欄位。
6. 按一下「新增子選單連結」。
7. 選取你希望在下拉式清單中顯示的第一個頁面。
8. 重複上述步驟，直到所有選單項目皆新增完畢為止。
9. 按一下「儲存」以儲存變更。

按下「播放」後，可使用右下角的控制項放慢或加快影片的播放速度

或者，你可以使用導覽區塊的工具列建立下拉式選單：

1. 按一下你想放進下拉式選單的選單項目。
2. 選單項目上方會出現一個工具列，你可在其中找到「新增子選單」按鈕 (圖示看來像一個彎曲的箭頭，旁邊有三條水平線。)
3. 按一下工具列中的「新增子選單」按鈕，將該選單項目轉變成下拉式選單。
4. 按一下出現的 + 號圖示或「新增連結」選項，即可將新的連結新增至新的下拉式選單。
5. 按一下「儲存」以儲存變更。

按下「播放」後，可使用右下角的控制項放慢或加快影片的播放速度

你可在採用經典佈景主題的網站上，透過以下步驟用 WP-管理員新增下拉式選單：

1. 前往「儀表板」。
2. 前往「外觀」→「選單」。
3. 確認在畫面上方選取正確的選單。
4. 按一下選單項目並將其拖曳到右側，即可將選單項目「嵌入」至其上方項目底下。
5. 按一下「儲存選單」按鈕，即可儲存變更。

若想復原操作，只要再次將項目拖曳回左側即可。完成變更後，按一下「儲存選單」。

你可在採用經典佈景主題的網站上，透過以下步驟用自訂工具建立下拉式選單：

1. 新增所有你想加入網站選單中的選單項目。
2. 按一下選單項目下方顯示的「重新排序」連結。
3. 按一下 > 向右箭頭，即可將頁面嵌入上方頁面底下，進而建立下拉式清單項目。
4. 下拉式選單設定完成後，請按一下「完成」按鈕。
5. 按一下「儲存變更」按鈕，即可將變更發佈至網站。

教學課程影片

新增無連結的選單項目

你可以建立「不可點選」的選單項目，這項下拉式選單建立功能十分實用。關鍵在於將 # 符號用為選單項目的連結。該項目仍可點擊，但無法引導使用者前往新頁面。請依照以下步驟建立「無法點擊」的選單項目。

📌

若要判斷應遵循本指南的哪一節內容，請前往儀表板查看左側的「外觀」區段。如果顯示「編輯器」，請參閱本指南的「網站編輯器」一節。否則，請參閱「WP 管理員」或「自訂工具」操作說明。

選取適合設計介面的分頁：

網站編輯器WP-Admin自訂器

網站編輯器中的選單來自導覽區塊。請依照以下步驟建立無法點擊的選單項目：

1. 從儀表板前往「外觀」→「編輯器」。
2. 選取範本，內含你要編輯的選單。
3. 開啟畫面左上角的「清單檢視」(圖示看起來像三條疊在一起的水平線)。
4. 找到「導覽區塊」(可能內嵌於頁首、群組或橫列排列等其他區塊中)。
5. 按一下你想設為不可點選式連結的選單項目，或新增新的選單項目。
6. 選單項目上方會出現工具列，你可以在其中找到「連結」按鈕 (圖示看起來像鏈條的環節)。
7. 按一下鉛筆圖示即可編輯該連結。
8. 在「URL」方塊中，請只輸入 # 符號，如右圖所示。
9. 按下鍵盤上的 Enter/Return 鍵即可提交變更。

下方 GIF 示範了操作流程：

若要建立無連結的選單項目，請在「URL 欄位」中加入 # 符號。

你可在採用經典佈景主題的網站上，透過以下步驟用 WP-管理員在選單中新增無法點擊的連結：

1. 前往「外觀」→「選單」。
2. 選擇你的選單。
3. 在「新增選單項目」頁首下方，按一下「自訂連結」區段。
4. 如右圖所示，在「URL」欄位中輸入 # 符號。
5. 如右圖所示，在「連結文字」欄位中輸入你希望在選單中顯示的文字。
6. 按一下「新增至選單」按鈕。
7. 按一下「儲存選單」按鈕。

你可在採用經典佈景主題的網站上，透過以下步驟用自訂工具在選單中新增無法點擊的連結：

1. 前往「外觀」→「自訂」→「選單」。
2. 選擇你的選單。
3. 按一下「新增項目」按鈕。
4. 按一下「自訂連結」選項。
5. 如右圖所示，在「URL」欄位中輸入 # 符號。
6. 如右圖所示，在「連結文字」欄位中輸入你希望在選單中顯示的文字。
7. 按一下「新增至選單」按鈕。
8. 按一下「儲存變更」按鈕。