WordPress 3.0自定義菜單鏈接添加欄目圖標(biāo)

默認(rèn)情況下能修改的參數(shù)很少，這時(shí)點(diǎn)擊屏幕左上角的“Screen Options（屏幕參數(shù)）”，把“Show advanced menu properties（顯示高級(jí)菜單屬性）”里的項(xiàng)目全部勾選，我們就可以看到更多的參數(shù)。以本文題圖為例，為各個(gè)項(xiàng)目分別加上 Home、Advertise、Contact、Archives 和 About 的 CSS Class，這樣在前臺(tái)調(diào)用菜單時(shí)，這些項(xiàng)目將擁有一個(gè)自定義的 CSS Class，接下來我們可以通過 CSS 為這些項(xiàng)目加上圖標(biāo)。

在 WordPress 3.0 之前的版本里，我們可以通過 JavaScript 等方法為菜單項(xiàng)目加上圖標(biāo)。原理是獲取菜單項(xiàng)的 title 值，再為它加上一個(gè)和 title 值相同的 Class，在 jQuery 里可以這樣寫：

$(document).ready(function(){
$('ul.navigation li a').addClass(function() {
return $(this).attr('title');
});
});

原文鏈接：Bolo的博客

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)