WordPress 博客代码实现彩色标签云

WordPress教程 8384

拜访了不少WordPress博客，发现一部分博客的标签云是彩色的，配合那些比较鲜艳多彩的主题看起来挺好看，之前博客吧在《WordPress 博客flash标签云插件WP-Cumulus》中介绍了WordPress博客flash标签云插件，本篇博客吧介绍的是代码实现WordPress博客彩色标签云的方法。

彩色标签云实现方法步骤：

  1. 登陆博客后台，点击“外观”选项卡下的“编辑”选项进入主题编辑界面
  2. 选择functions.php文件进行编辑，在functions.php文件中的<?php和?>之间插入下面函数代码 
    1
2
3
4
5
6
7
8
9
10
11
12
13
14

    //Start of colorful tag cloud
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);
//End of colorful tag cloud
  3. 在要显示标签云的地方的添加以下调用代码 
    1

    <?php wp_tag_cloud( 'smallest=8&largest=24&number=50' ); ?>
  4. 提交保存，刷新博客页面，标签云变彩色了

代码参数提示：

  • 标签云显示的颜色是随机的，刷新下页面就会改变，可自行修改代码 
    1

    $color = dechex(rand(0,16777215));
  • 标签云调用代码中的smallest=8是指标签云中字体最小的是8；largest=24指标签中字体最大的是24；number=50指标签云中标签的数目最多是50个；

提醒：可以不使用上面的标签云调用代码，直接使用原主题的也可以。

精品推荐：