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)](http://gqxi.cn/wp-content/uploads/2024/12/20241221165419680-image.png)
為什么要在 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)](http://gqxi.cn/wp-content/uploads/2024/12/20241221165655160-image.png)
接下來,逐步完成在 WordPress 菜單中添加未鏈接標(biāo)題的過程。按以下簡單的步驟,你也能夠輕松實現(xiàn)這一功能。
步驟 1:轉(zhuǎn)到菜單設(shè)置
- 登錄到你的 WordPress 儀表盤。
- 在左側(cè)導(dǎo)航欄中,找到并點擊 外觀 > 菜單。這里是你管理和編輯網(wǎng)站菜單的地方。
![圖片[3]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2024/12/20241221160151519-image.png)
注意: 如果你使用的是塊主題(Block-based theme),則可能無法使用這種方式,因為塊主題以不同的方式處理菜單。確保你使用的是支持經(jīng)典菜單的主題。
步驟 2:添加自定義鏈接
- 在 菜單設(shè)置 頁面,找到 添加菜單項 區(qū)域。
- 找到 自定義鏈接 選項,點擊它展開設(shè)置區(qū)域。如果你看不到這個選項,可以向上滾動到頁面頂部,點擊 屏幕選項(右上角),然后勾選 自定義鏈接 復(fù)選框,以便顯示該選項。
![圖片[4]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2024/12/20241221160423818-image.png)
步驟 3:設(shè)置臨時 URL 和標(biāo)題文本
- 在 自定義鏈接 中,輸入一個臨時的 URL 鏈接。你可以輸入一個井號(#),這會使鏈接成為一個指向當(dāng)前頁面的占位符鏈接,點擊后不會將用戶重定向到其他頁面。
![圖片[5]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2024/12/20241221160611847-image.png)
- 在 鏈接文本 字段中,輸入你想要顯示在菜單中的標(biāo)題文本。這個文本將成為菜單中的一部分,通常是一個類別名稱或組標(biāo)題。
- 輸入完畢后,點擊 添加到菜單 按鈕。
![圖片[6]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2024/12/20241221160956814-image.png)
步驟 4:刪除鏈接 URL,使其成為非鏈接標(biāo)題
- 在菜單編輯區(qū)域,找到你剛剛添加的菜單項,點擊其旁邊的小箭頭展開選項。
- 在 URL 字段中刪除掉井號(#),將該字段留空。這樣,標(biāo)題就不再指向任何頁面,成為一個完全的非鏈接標(biāo)題。
![圖片[7]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2024/12/20241221161239495-image.png)
- 完成后,點擊 保存菜單 按鈕,保存你所做的更改。
![圖片[8]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2024/12/20241221161439181-image.png)
提示: 留空 URL 字段的操作是關(guān)鍵,它會使該菜單項不再具有任何鏈接功能。
步驟 5:為標(biāo)題添加子菜單
如果你想在該未鏈接標(biāo)題下添加子菜單項,步驟如下:
- 在 添加菜單項 區(qū)域,選擇你要作為子項的頁面或自定義鏈接,并點擊 添加到菜單。
- 然后,在菜單編輯器中將這些子菜單項拖動到未鏈接標(biāo)題下方,確保它們稍微向右偏移,這樣它們就會顯示為下拉子菜單項(也就是一級菜單到二級菜單)。
![圖片[9]-如何在 WordPress 網(wǎng)站菜單中添加未鏈接的標(biāo)題以優(yōu)化導(dǎo)航結(jié)構(gòu)](http://gqxi.cn/wp-content/uploads/2024/12/20241221161725896-image.png)
- 完成后,再次點擊 保存菜單。
步驟 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)](http://gqxi.cn/wp-content/uploads/2024/12/20241221170500404-12月21日.gif)
常見問題解答
井號(#)是一個占位符,它使鏈接能夠存在而不會導(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é)假日休息 |
暫無評論內(nèi)容