php 彩色标签插件,彩色化显示标签云

整了一个网站地图,发现标签云里的标签太多,颜色单一,不大好看,于是寻思着用彩色给装饰了一下。取材自制作五彩缤纷的标签云图(应该是这家原创的吧),稍作修改。

我的主题背景是白色,另外还不想看到很刺眼的亮色,所以稍稍修改了一下原代码中的色彩随机产生范围。

修改后的代码如下,说明文字藏在代码中:

function colorCloud($text) {

$text = preg_replace_callback('||i', 'colorCloudCallback', $text);

return $text;

}

function colorCloudCallback($matches) {

$text = $matches[1];

// set color range (0,16777215), here is #000000 to #ffffff

// and random pick up one to use on current tag of all the tags

// $color = dechex(rand(0,12345678));

// change this line to avoid too bright color base on the background(#ffffff) of my theme

$color = dechex(rand(0,222)*65536+rand(0,222)*256+rand(0,222));

$pattern = '/style=(\'|\")(.*)(\'|\")/i';

$text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);

return "";

}

add_filter('wp_tag_cloud', 'colorCloud', 1);

先是按照原文的提示将这段代码放到主题(我目前用的是修改过的 TwentyEleven)的 functions.php 文件中(位置没什么要求,放在结尾就行,但是一定要在 ?> 的前面;如果主题没有 functions.php 文件,新建一个,然后将代码放入,在代码的前面一行上面加上 <?php 而后面一行下面加上 ?> 也行)。效果不错。

因为这个方法是给 WordPress 的内置函数 wp_tag_cloud() 加了个滤器,所以凡是调用这个函数的地方都可以得到彩色化标签云的效果。当然直接在“主题”——>“小工具”中添加标签云微件效果也是一样。

下面的图是我从管理后台截取的,在网站地图页面能看到更壮观的展示。

f50ff5bdf61621da700c64d001a1c9e3.png

WordPress 后台彩色标签云效果展示

可是我用的是多站点模式,有几个子站点,多个主题,一个个地添加代码还是有些麻烦哈,于是选择以插件的形式用它,这样就只需要在网络中心的插件管理里面“在整个网络启用”这个插件就可以了。

如果有人需要的话可以直接下载 colorful-tags-cloud.zip。解压并上传到 WordPress 插件目录即可。

在这里谨向原创者 冰古 表示谢意!©

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值