側邊欄的標簽云(Tag Cloud)一直是 WordPress 2.3+ 以后的內置功能,一般直接調用函數wp_tag_cloud?或者在 Widgets 里開啟即可,但是默認的全部是一個顏色,只是大小不一樣,很是不順眼,雖然可以用?Simple Tags?之類的插件,但是總感覺不爽,所以我介紹一個不用任何插件就能顯示彩色標簽云的方法。
?
方法是?Alex?的英文站那里看來的,直接拿來主義和大家分享之。
PS:貌似是冰古兄弟原創。
后臺編輯 主題 的?functions.php?, 輸入以下代碼
$text?=?preg_replace_callback('|<a (.+?)>|i',?'colorCloudCallback',?$text);?
return?$text;?
}?
function?colorCloudCallback($matches)?{?
$text?=?$matches[1];?
$color?=?dechex(rand(0,16777215));?
$pattern?=?'/style=(\'|\")(.*)(\'|\")/i';?
$text?=?preg_replace($pattern,?"style=\"color:#{$color};$2;\"",?$text);?
return?"<a?$text>";?
}?
add_filter('wp_tag_cloud',?'colorCloud',?1);
?
可以看到,顏色是隨機的,可以自行修改?$color?=?dechex(rand(0,16777215));? 這行來修改范圍,這樣就很炫耀哈哈。
然后在側邊欄?sidebar.php?里調用如下代碼:
即可,8 是最小的 tag 的字體大小(用的最少的 tag),24 是最大的(用的最多的 tag),50 是 tag 的數目,可以自行修改。
假如你是個主題高手,直接集成在主題里那一定很帥!
效果可以看我首頁右邊的側邊欄:
PS:我堅決不用代碼高亮插件,直接 HTML 能搞定的東西,何必用插件呢,推薦網站發芽網,有很多種樣式,直接 HTML 輸出代碼,代碼高亮從此告別插件!