側邊欄的標簽云（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 里調用如下代碼：
即可，8 是最小的 tag 的字體大小（用的最少的 tag），24 是最大的（用的最多的 tag），50 是 tag 的數目，可以自行修改。
假如你是個主題高手，直接集成在主題里那一定很帥！
效果可以看我首頁右邊的側邊欄：
PS：我堅決不用代碼高亮插件，直接 HTML 能搞定的東西，何必用插件呢，推薦網站發芽網，有很多種樣式，直接 HTML 輸出代碼，代碼高亮從此告別插件！
主題貓WP建站，累計幫助1300+客戶成功建站，為站長提供支持！
立刻開啟你的建站之旅
正版主題咨詢