指南/編輯網站/選單/建立下拉式選單

建立下拉式選單

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

建立下拉式選單

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

📌

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

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

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

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

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

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

📌

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

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

  1. 從儀表板前往「外觀」→「編輯器」
  2. 選取要編輯的「範本」或「範本組件」,或按一下畫面右側的網站預覽以開啟首頁編輯器。
  3. 開啟畫面左上角的「清單檢視」(圖示看起來像三條疊在一起的水平線)。
  4. 選取「導覽區塊」(可能嵌入於頁首群組橫列排列等其他區塊中)。
  5. 按一下「+ 區塊插入工具」,以新增新的選單項目
  6. 在出現的視窗中,按一下「新增區塊」,然後選擇「自訂連結」選項。
  7. 輸入 # 符號並按下鍵盤上的「Enter」或「Return」鍵。
  8. 按一下鉛筆圖示,即可編輯新選單項目。在「文字」欄位中撰寫選單項目的內容。在「連結」欄位中只保留 # 符號,使其成為無法點擊的連結。
  9. 按一下「儲存」按鈕,即可提交變更。
URL 方塊中插入了 # 符號
若要建立無連結的選單項目,請在 URL 欄位中新增 # 符號。

你也可以編輯現有的選單連結,使其無法點選。在現有的選單項目按一下,選單項目上方會顯示工具列,內容會顯示連結按鈕 (圖示看起來像鏈條的文字連結)。編輯選單項目,並以 # 符號取代目前的連結。下方 GIF 示範了操作流程:

Copied to clipboard!