如何在 WordPress 菜單中添加未加鏈接的標(biāo)題:詳細(xì)指南

WordPress 網(wǎng)站菜單是網(wǎng)站導(dǎo)航中的一部分,可以幫助用戶快速找到他們想要的信息。對于一些需要清晰組織的復(fù)雜菜單,使用未鏈接的標(biāo)題(即不指向任何頁面的標(biāo)題)是一個非常有效的方法。

圖片[1]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)

為什么要在 WordPress 菜單中采用未鏈接的標(biāo)題?

在設(shè)計網(wǎng)站時,使用未鏈接的標(biāo)題有多個優(yōu)勢,尤其適用于有復(fù)雜導(dǎo)航結(jié)構(gòu)的網(wǎng)站。下面是一些使用未鏈接標(biāo)題的主要理由:

1. 組織子菜單

2. 增強用戶體驗

3. 改善導(dǎo)航流程

如何在 WordPress 菜單中添加未鏈接的標(biāo)題

圖片[2]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)

接下來,逐步完成在 WordPress 菜單中添加未鏈接標(biāo)題的過程。按以下簡單的步驟,你也能夠輕松實現(xiàn)這一功能。

步驟 1:轉(zhuǎn)到菜單設(shè)置

  1. 登錄到你的 WordPress 儀表盤。
  2. 在左側(cè)導(dǎo)航欄中,找到并點擊 外觀 > 菜單。這里是你管理和編輯網(wǎng)站菜單的地方。
圖片[3]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)

注意: 如果你使用的是塊主題(Block-based theme),則可能無法使用這種方式,因為塊主題以不同的方式處理菜單。確保你使用的是支持經(jīng)典菜單的主題。

步驟 2:添加自定義鏈接

  1. 菜單設(shè)置 頁面,找到 添加菜單項 區(qū)域。
  2. 找到 自定義鏈接 選項,點擊它展開設(shè)置區(qū)域。如果你看不到這個選項,可以向上滾動到頁面頂部,點擊 屏幕選項(右上角),然后勾選 自定義鏈接 復(fù)選框,以便顯示該選項。
圖片[4]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)

步驟 3:設(shè)置臨時 URL 和標(biāo)題文本

  1. 自定義鏈接 中,輸入一個臨時的 URL 鏈接。你可以輸入一個井號(#),這會使鏈接成為一個指向當(dāng)前頁面的占位符鏈接,點擊后不會將用戶重定向到其他頁面。
圖片[5]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)
  1. 鏈接文本 字段中,輸入你想要顯示在菜單中的標(biāo)題文本。這個文本將成為菜單中的一部分,通常是一個類別名稱或組標(biāo)題。
  2. 輸入完畢后,點擊 添加到菜單 按鈕。
圖片[6]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)

步驟 4:刪除鏈接 URL,使其成為非鏈接標(biāo)題

  1. 在菜單編輯區(qū)域,找到你剛剛添加的菜單項,點擊其旁邊的小箭頭展開選項。
  2. URL 字段中刪除掉井號(#),將該字段留空。這樣,標(biāo)題就不再指向任何頁面,成為一個完全的非鏈接標(biāo)題。
圖片[7]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)
  1. 完成后,點擊 保存菜單 按鈕,保存你所做的更改。
圖片[8]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)

提示: 留空 URL 字段的操作是關(guān)鍵,它會使該菜單項不再具有任何鏈接功能。

步驟 5:為標(biāo)題添加子菜單

如果你想在該未鏈接標(biāo)題下添加子菜單項,步驟如下:

  1. 添加菜單項 區(qū)域,選擇你要作為子項的頁面或自定義鏈接,并點擊 添加到菜單
  2. 然后,在菜單編輯器中將這些子菜單項拖動到未鏈接標(biāo)題下方,確保它們稍微向右偏移,這樣它們就會顯示為下拉子菜單項(也就是一級菜單到二級菜單)。
圖片[9]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)
  1. 完成后,再次點擊 保存菜單

步驟 6:檢查菜單效果

最后,訪問你的網(wǎng)站,檢查菜單的效果。你應(yīng)該能夠看到你所添加的未鏈接標(biāo)題。點擊該標(biāo)題時,用戶不會被重定向到任何頁面。如果你添加了子菜單項,它們將在鼠標(biāo)懸停時顯示出來,用戶可以輕松查看并選擇相關(guān)的子菜單項。

圖片[10]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)

常見問題解答

井號(#)是一個占位符,它使鏈接能夠存在而不會導(dǎo)致頁面跳轉(zhuǎn)。將其設(shè)置為臨時鏈接后,你就可以確保標(biāo)題本身不可點擊。

如果你使用的是塊主題,菜單可能是通過全新的方法構(gòu)建的。因此,這種方法可能不適用。你需要檢查你的主題是否支持傳統(tǒng)的菜單管理功能。

如果你想修改已經(jīng)存在的菜單標(biāo)題,只需返回到菜單設(shè)置頁面,點擊該菜單項旁邊的小箭頭進(jìn)行編輯。你可以更改文本、刪除鏈接或調(diào)整菜單項的層級結(jié)構(gòu)。

當(dāng)然!你可以通過自定義 CSS 或使用 WordPress 的菜單項類來為標(biāo)題添加圖標(biāo)或樣式。比如,你可以為每個菜單項指定圖標(biāo),讓導(dǎo)航看起來更具吸引力和功能性。

結(jié)語

通過這些簡單的步驟,你可以輕松在 WordPress 菜單中添加未鏈接的標(biāo)題,不僅可以改善網(wǎng)站的導(dǎo)航結(jié)構(gòu),還能提升用戶體驗。無論是用于組織子菜單,還是簡化網(wǎng)站結(jié)構(gòu),這種方法都能幫助你創(chuàng)建更清晰和高效的菜單。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:xiesong
THE END
喜歡就支持一下吧
點贊5 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容