不用插件实现wordpress彩色标签云效果
记得有一天很搞笑,兴哥突然对我说,迷走映像的标签云怎么那么乱,是不是没有加载CSS文件?呵呵,看来兴哥是有意在说我标签的问题。一般WordPress自带的的标签云(Tag Cloud)默认全部是一个颜色,只是大小不一样。这样确实不怎么好看,有时会显得比较乱,而且可读性也不强。虽然Simple Tags 之类的插件可以简单实现彩色标签的效果,但毕竟是一插件,不至于为了好看而拖慢网站的加载速度,那得不偿失。所以能不用就不用。网上有不少方法,现在介绍一个非常简单而且不用任何插件就能显示彩色标签云的方法。
一、在主题目录下的functions.php文件的<?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><a>"; } add_filter('wp_tag_cloud', 'colorCloud', 1); // -- END --------------------------------- </a>
说明一下:彩色标签的颜色是随机的,可以自行修改$color = dechex(rand(0,16777215)); 这行来修改范围,0 等于#000,16777215 等于#fff。
转载请注明 转自: 迷走映像丨不用插件实现wordpress彩色标签云效果
学习了,立刻拿去用!
[Reply]
不行啊,加了后整个页面都不显示了。
[Reply]
@ 星空
现在行了吧,哈哈
[Reply]
3D标签云 我刚开始也在用 后来发现收录的都是那种 tag flash……等英文 群里说可以屏蔽 但是我不会弄 然后又撤掉了3D标签云。
[Reply]
我来申请友联了 行吗? 上次是你在我那里申请 我没同意 现在我来申请了 我决定要下掉一些链接了 因为我们之间没有互访 更不是同行 如果你同意了 请在我博客留个言 谢谢。
[Reply]
@ alige
我的只是彩色,不是3D
[Reply]
@ alige
当然可以,友情链接最终的目的就是互访。已经加上你的
[Reply]
嗯 不错的方法 我收藏了
不过我看到了一个flash的标签云貌似也十分漂亮
[Reply]