WordPress,非插件實現側欄彩色標簽雲的代碼分享

公元2011年06月29日博主被12人群毆打醬油看熱鬧的有:7,033 views

WordPress,非插件實現側欄彩色標簽雲的代碼分享

看到很多博客都是用的彩色標籤雲,效果挺不錯的,這不就有了這邊分享文章,今天下午可真沒消停
好了廢話不多說了,進入正題

首先登陸博客後臺,點擊“外觀”選項卡下的“編輯”選項進入主題編輯界面

選擇functions.php文件進行編輯,在functions.php文件中的之間插入下面函數代碼即可實現隨機顏色彩色標簽雲:

1
2
3
4
5
6
7
8
9
10
11
12
function colorCloud($text) {
 $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);

接著是在要顯示標簽雲的地方的添加以下調用代碼:

1
<?php wp_tag_cloud( 'smallest=8&largest=8&number=28' ); ?>

然後保存重新打開下博客就會發現標簽雲已經變成彩色的了
下面來說一下能修改的人性化參數代碼

代碼說明:
“smallest”:最小的字體尺寸(使用頻率最少的標簽)
“largest”:最大的字體尺寸(頻率最多的)
“number”:則表示標簽顯示數量

$color = dechex(rand(0,16777215));


可以看到,顏色是隨機的,可以自行修改,定義標簽隨機顏色的十進制數值範圍,0等於#000000,16777215等於#ffffff.
你可以使用進制換算工具換算後修改這行代碼,改變顏色範圍,這樣就很炫了

對於大多數不熟悉 php的用戶,這一小改動的最大難點在於如何向 functions.php 中插入代碼.使用時請直接將本文第一段代碼粘貼到functions.php的末尾處


12 位最佳損友留下了真知見解!
  1. CHINA 留言于:2011年09月15日17:23 #1℃ @Ta

    每次來都有收獲!收藏啦! :smile:

  2. CHINA 留言于:2011年09月11日08:52 #2℃ @Ta

    哈哈
    你也把幾個人的都這樣放到一起評論!
    我也是這麼做的,省得看到首頁全是俺的評論
    哈哈
    試驗成功,已經在俺微博備案鳥
    晚安

  3. CHINA 留言于:2011年07月07日10:12 #3℃ @Ta

    我一般都是用的標簽flash :smile:

  4. CHINA 留言于:2011年07月01日02:23 #4℃ @Ta

    謝謝 分享的不錯,我也找收藏了!

  5. 留言于:2011年07月01日01:28 #5℃ @Ta

    挺不錯的嘛

    • 留言于:2011年07月01日01:31 @Ta

      @清風 : 恩 承你貴言 會更不錯的

    • 留言于:2011年07月01日01:31 @Ta

      我論壇裏來的?

    • 留言于:2011年07月01日01:32 @Ta

      @清風:
      小子 迅速
      報上本家姓名來

  6. CHINA 留言于:2011年06月30日10:27 #6℃ @Ta

    你怎麼什麼都搞
    忙的過來?

    • CHINA 留言于:2011年06月30日10:29 @Ta

      你的好好的搞我的論壇才行
      靠你了

    • CHINA 留言于:2011年06月30日11:32 @Ta

      這麼晚還不休息
      搞什麼呢?