WordPress 3.0自定義菜單鏈接添加欄目圖標

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

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

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

原文鏈接：Bolo的博客

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈