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的选项中设置。
在你的主题的相应位置加上
你就可以看到彩色的标签云了!不过这样有个坏处,如果后台提示升级Simple Tags这个插件,自动升级后,又要去手动改一次才行。或许你可以看看下面这种方法。
不用任何插件实现 WordPress 的彩色标签云
从WordPress 2.3以后的版本中,内置了函数 wp_tag_cloud,可以直接调用标签云。通过定义这个函数的function来实现彩色标签云。
在主题里的functions.php,加入以下代码:
function colorCloud($text) {
$text = preg_replace_callback('||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 "";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);
$color = dechex(rand(0,16777215)); 这里可以更改随机颜色的范围。
然后就可以用以下代码调用。
其中'number=30是指显示标签的数量,largest=20是指标签最大的字号,smallest=12是指标签最小的字号,unit=px是指字号的单位,可自行修改。
本方法是网上看到的,转来转去不知道谁是原创的了...有人知道的话请告知,我会注明出处!
两种方法介绍完毕,请根据各自情况选择使用。
彩色标签看着就是不错
我想用第二种方法,但是那段代码加在哪呢?怎么调用呢?
试一下看
试试看,或许可以增加一些色彩。
第二种方法应该比较好啊,我用的是那个flash标签云插件
额 貌似用第二种方法 会出现错误 。。。
Warning: Cannot modify header information - headers already sent by (output started at /home/content/46/6527846/html/98shouji.com/wp-content/themes/Red Glamor/functions.php:96) in /home/content/46/6527846/html/98shouji.com/wp-admin/theme-editor.php on line 75
修改后就这样了 弄了好几次 不懂事什么回事
站长您好,请问,最近迷上了您的这个主题,想用这个主题放一些产品供客户 阅读。。。
可以这样的吗???
找长时间,找到了
😳 喜欢第二种方案 但是不知道加入的代码放在什么位置? ➡
彩色,彩色,看着应该跟自己的界面搭配的容不融洽,并不是彩色都好看、
@Ludou: 是啊,有些网站就不需要了,像我这个类型的估计还是需要的,看个人喜欢了~~ 🙄