有時(shí)候,我們會(huì)準(zhǔn)備一些常用的鏈接或者功能,為了方便訪客使用,那么可以將其放在側(cè)邊欄,這一次分享的wordpress美化教程就教大家如何制作一款漂亮的快捷功能導(dǎo)航。
- 代碼來(lái)源: 小燈泡設(shè)計(jì)
- 效果演示:Demo
可以自己定義圖標(biāo),在css更改圖片鏈接即可(背景圖標(biāo)和鼠標(biāo)懸停浮動(dòng)圖標(biāo))。
預(yù)覽效果:

當(dāng)然,如果您不滿(mǎn)足于這乏味的截圖,您也可以點(diǎn)擊下方wordpress美化提供的Demo按鈕在線預(yù)覽。
如何使用?
點(diǎn)擊下方的Demo按鈕,右擊鼠標(biāo)查看源代碼,根據(jù)代碼注釋復(fù)制代碼到自己需要的地方,可以將復(fù)制的代碼放到主題根目錄下的footer.php的</body>前,然后將鏈接、文本和圖標(biāo)鏈接替換為自己的,再保存即可。
如果您需要完整的預(yù)覽,可以下載本頁(yè)底部提供的壓縮包,內(nèi)含整理完善的完整代碼以及圖片。
代碼中的錯(cuò)亂字符為以下內(nèi)容:
font-family:“微軟雅黑”;
如果您需要一款讓人眼前一亮的右側(cè)懸浮導(dǎo)航,那么可以看看這篇wordress美化教程:
