WordPress 內建階層選單製作

WordPress 3.0 改版後,新增的內建選單功能,算是我最愛的功能之一,做佈景的時候也常常會用到。所以決定筆記一下階層選單的製作方法,不用每次製作都要 google 一次 XD。

步驟一

打開 header.php,把選單的語法加入:

PHP

步驟二

打開 style.css,加入 css 語法。

這邊加了有子選單的時候,滑鼠滑過才會展開。主要是由 11~13 行控制,利用:hover後尋找自己下一個ul,再把 displaynone 改為 block

CSS

步驟三

最後到 wordpress 後台「外觀」 → 「選單」開始添加選單即可。 補充

當前選單有一個 .current 屬性可用,可以讓讀者知道現在這篇文章,在哪一個選單裡面,我直接抓自己的部落格語法補充在下面:

CSS
想對你說 (ノ>ω<)ノ

感謝您閱讀到最後,對文章有任何疑問歡迎留言給我,我會盡快回覆。

Faceook / 不定時分享前端資訊與新知,歡迎追蹤!

 

如果這篇文章對您有幫助,請幫我點擊下方的廣告,讓我有更多的動力寫寫寫 (๑•̀ㅂ•́)و✧

guest
0 則留言
Inline Feedbacks
View all comments
粉絲團