側邊欄的標籤雲 (Tag Cloud) 一直是 WordPress 2.3+ 以後的內建功能,一般直接呼叫函式 wp_tag_cloud 或者在 Widgets 裡開啟即可,但是預設的全部是一個顏色,只是大小不一樣,很是不順眼,雖然可以用 Simple Tags 之類的外掛,但是總感覺不爽,所以我介紹一個不用任何外掛就能顯示彩色標籤雲的方法。

方法是 Alex 的英文站那裡看來的,直接拿來主義和大家分享之。

後臺編輯 主題 的 functions.php , 輸入以下程式碼

以下為引用的內容:
functioncolorCloud($text) {
$text=preg_replace_callback(『|<a (.+?)>|i』,『colorCloudCallback』,$text);
return$text;
}
functioncolorCloudCallback($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 裡呼叫如下程式碼:

<?phpwp_tag_cloud(』smallest=8&largest=24&number=50′); ?>

即可,8 是最小的 tag 的字型大小 (用的最少的 tag),24 是最大的 (用的最多的 tag),50 是 tag 的數目,可以自行修改。

假如你是個主題高手,直接整合在主題裡那一定很帥!

效果可以看我首頁右邊的側邊欄:

側邊欄彩色標籤雲

PS:我堅決不用程式碼高亮外掛,直接 HTML 能搞定的東西,何必用外掛呢,推薦網站發芽網,有很多種樣式,直接 HTML 輸出程式碼,程式碼高亮從此告別外掛!