正在加载...

WordPress显示彩色标签云

作者:Felix
时间:2010/05/13
浏览:871次
评论:5 条评论
分类:Wordpress
标签:, , , ,

在网站中显示彩色标签云会使网站增色不少,爱新鲜就用了彩色标签云。

大家可以看本站的侧边栏,你会发现标签云是彩色的,而且刷新一次变一次。(下图)

WordPress显示彩色标签云

同样,在热门标签这个页面也是同样效果。

WordPress显示彩色标签云


下面介绍两种让WordPress显示彩色标签云的方法。

修改Simple Tags,让WordPress显示彩色标签云

无可否认,Simple Tags可以说是Wordpress上最好的标签插件,把Wordpress的管理标签的功能提高了很多。不仅仅是对标签的管理,还有相关标签,相关日志,标签云等等功能。不罗嗦,进入主题:

1.在simple-tags.client.php中先找到getColorByScale的function:

function getColorByScale($scale_color, $min_color, $max_color)

2.注释掉(或者删除)getColorByScale这个function中的以下语句:

$scale_color = $scale_color / 100;
$minr = hexdec(substr($min_color, 1, 2));
$ming = hexdec(substr($min_color, 3, 2));
$minb = hexdec(substr($min_color, 5, 2));
$maxr = hexdec(substr($max_color, 1, 2));
$maxg = hexdec(substr($max_color, 3, 2));
$maxb = hexdec(substr($max_color, 5, 2));
$r = dechex(intval((($maxr - $minr) * $scale_color) + $minr));
$g = dechex(intval((($maxg - $ming) * $scale_color) + $ming));
$b = dechex(intval((($maxb - $minb) * $scale_color) + $minb));

3.加上以下代码:

//Colorful Tag Cloud start
$r = dechex(rand(0,255));
$g = dechex(rand(0,196));
$b = dechex(rand(0,255));
//Colorful Tag Cloud end

至于要显示多少个标签,怎么排列,热门标签和普通标签分别为多少大小的字体,可以在后台的Simple Tags的选项中设置。

在你的主题的相应位置加上

<?php st_tag_cloud(); ?>

你就可以看到彩色的标签云了!不过这样有个坏处,如果后台提示升级Simple Tags这个插件,自动升级后,又要去手动改一次才行。或许你可以看看下面这种方法。

不用任何插件实现 WordPress 的彩色标签云

从WordPress 2.3以后的版本中,内置了函数 wp_tag_cloud,可以直接调用标签云。通过定义这个函数的function来实现彩色标签云。

在主题里的functions.php,加入以下代码:

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);

$color = dechex(rand(0,16777215)); 这里可以更改随机颜色的范围。

然后就可以用以下代码调用。

<?php wp_tag_cloud('number=30&largest=20&smallest=12&unit=px'); ?>

其中'number=30是指显示标签的数量,largest=20是指标签最大的字号,smallest=12是指标签最小的字号,unit=px是指字号的单位,可自行修改。

本方法是网上看到的,转来转去不知道谁是原创的了...有人知道的话请告知,我会注明出处!

两种方法介绍完毕,请根据各自情况选择使用。

快来领取你的生肖娃娃-爱新鲜淘宝店

5个评论

  1. Ludou
    2010/05/14 21:47:18

    彩色,彩色,看着应该跟自己的界面搭配的容不融洽,并不是彩色都好看、

    • Felix
      2010/05/14 21:55:32

      是啊,有些网站就不需要了,像我这个类型的估计还是需要的,看个人喜欢了~~ :roll:

  2. 今宵别梦寒
    2010/05/26 15:36:27

    :oops: 喜欢第二种方案 但是不知道加入的代码放在什么位置? :arrow:

  3. 落伍者
    2010/06/16 23:41:00

    找长时间,找到了

  4. xlree
    2010/08/06 16:47:43

    站长您好,请问,最近迷上了您的这个主题,想用这个主题放一些产品供客户 阅读。。。

    可以这样的吗???

发表评论

您的昵称 *

您的邮箱 *

您的网站

;) :| :x :twisted: :roll: :oops: :o :mrgreen: :lol: :idea: :evil: :cry: :arrow: :P :D :?: :? :) :( :!: 8O 8)