下拉式選單或子選單會在游標指向或點選某個選單項目時,顯示額外的項目。此功能有助於讓選單保持整齊有序。此指引會說明如何建立下拉式選單。
按照下列步驟操作,即可建立下拉式選單。
若要判斷應遵循本指南的哪一節內容,請前往儀表板查看左側的「外觀」區段。如果顯示「編輯器」,請參閱本指南的「網站編輯器」一節。否則,請參閱「WP 管理員」或「自訂工具」操作說明。
網站編輯器中的選單來自導覽區塊。按照這些步驟操作,即可建立下拉式選單:
- 從儀表板前往「外觀」→「編輯器」。
- 選取要編輯的「範本」或「範本組件」,或按一下畫面右側的網站預覽以開啟首頁編輯器。
- 開啟畫面左上角的「清單檢視」(圖示看起來像三條疊在一起的水平線)。
- 選取「導覽區塊」(可能嵌入於頁首、群組或橫列排列等其他區塊中)。
- 在右側邊欄設定中,將滑鼠游標移動至選單項目上方,然後按一下出現的三點圖示。
- 如果右側未顯示側邊欄,可能需要按一下右上角的「設定」圖示叫出設定。此圖示外觀為正方形中有兩個大小不同的欄位。
- 按一下「新增子選單」連結。
- 選取你希望在下拉式清單中顯示的第一個頁面。
- 重複上述步驟,直到所有選單項目皆新增完畢為止。
- 按一下「儲存」以儲存變更。
按下「播放」後,可使用右下角的控制項放慢或加快影片的播放速度
或者,你可以使用導覽區塊的工具列建立下拉式選單:
- 按一下你想放進下拉式選單的選單項目。
- 選單項目上方會出現一個工具列,你可在其中找到「新增子選單」按鈕 (圖示看來像一個彎曲的箭頭,旁邊有三條水平線)。
- 按一下工具列中的「新增子選單」按鈕,將該選單項目轉變成下拉式選單。
- 按一下出現的 + 號圖示或「
新增連結」選項,即可將新的連結新增至新的下拉式選單。
- 按一下「儲存」以儲存變更。
按下「播放」後,可使用右下角的控制項放慢或加快影片的播放速度
你可在採用傳統佈景主題的網站上,透過以下步驟使用 WP-管理員新增下拉式選單:
- 前往「儀表板」。
- 前往「外觀」→「選單」。
- 確認在畫面上方選取正確的選單。
- 按一下選單項目並將其拖曳到右側,即可將選單項目「嵌入」至其上方項目底下。
- 按一下「儲存選單」按鈕,即可儲存變更。
若想復原操作,只要再次將項目拖曳回左側即可。完成後,按一下「儲存選單」按鈕。
你可以建立「不可點選」的選單項目,這項下拉式選單建立功能十分實用。關鍵在於將 # 符號用為選單項目的連結。該項目仍可點擊,但無法引導使用者前往新頁面。請依照以下步驟建立「無法點擊」的選單項目。
若要判斷應遵循本指南的哪一節內容,請前往儀表板查看左側的「外觀」區段。如果顯示「編輯器」,請參閱本指南的「網站編輯器」一節。否則,請參閱「WP 管理員」或「自訂工具」操作說明。
網站編輯器中的選單來自導覽區塊。請依照以下步驟建立無法點擊的選單項目:
- 從儀表板前往「外觀」→「編輯器」。
- 選取要編輯的「範本」或「範本組件」,或按一下畫面右側的網站預覽以開啟首頁編輯器。
- 開啟畫面左上角的「清單檢視」(圖示看起來像三條疊在一起的水平線)。
- 選取「導覽區塊」(可能嵌入於頁首、群組或橫列排列等其他區塊中)。
- 按一下「+ 區塊插入工具」,以新增新的選單項目。
- 在出現的視窗中,按一下「新增區塊」,然後選擇「自訂連結」選項。
- 輸入 # 符號並按下鍵盤上的「Enter」或「Return」鍵。
- 按一下鉛筆圖示,即可編輯新選單項目。在「文字」欄位中撰寫選單項目的內容。在「連結」欄位中只保留 # 符號,使其成為無法點擊的連結。
- 按一下「儲存」按鈕,即可提交變更。
若要建立無連結的選單項目,請在 URL 欄位中新增 # 符號。
你也可以編輯現有的選單連結,使其無法點選。在現有的選單項目按一下,選單項目上方會顯示工具列,內容會顯示連結按鈕 (圖示看起來像鏈條的文字連結)。編輯選單項目,並以 # 符號取代目前的連結。下方 GIF 示範了操作流程:
你可在採用傳統佈景主題的網站上,透過以下步驟用 WP-管理員在選單中新增無法點擊的連結:
- 前往「外觀」→「選單」。
- 選擇你的選單。
- 在「新增選單項目」頁首下方,按一下「自訂連結」區段。
- 如右圖所示,在「URL」欄位中輸入 # 符號。
- 如右圖所示,在「連結文字」欄位中輸入你希望在選單中顯示的文字。
- 按一下「新增至選單」按鈕。
- 按一下「儲存選單」按鈕。
你可在採用傳統佈景主題的網站上,透過以下步驟用自訂工具在選單中新增無法點擊的連結:
- 前往「外觀」→「自訂」→「選單」。
- 選擇你的選單。
- 按一下「新增項目」按鈕。
- 按一下「自訂連結」選項。
- 如右圖所示,在「URL」欄位中輸入 # 符號。
- 如右圖所示,在「連結文字」欄位中輸入你希望在選單中顯示的文字。
- 按一下「新增至選單」按鈕。
- 按一下「儲存變更」按鈕。