側邊欄的標籤雲 (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 輸出程式碼,程式碼高亮從此告別外掛!