Loading...

不用插件实现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。

效果不错吧,这就是用简单代码实现彩色标签云方法。

无觅相关文章插件

  1. August 19th, 2010 at 11:59 | #1

    学习了,立刻拿去用!

    [Reply]

  2. August 19th, 2010 at 12:45 | #2

    不行啊,加了后整个页面都不显示了。

    [Reply]

  3. alexin
    August 20th, 2010 at 15:38 | #3

    @ 星空
    现在行了吧,哈哈

    [Reply]

  4. August 20th, 2010 at 16:10 | #4

    3D标签云 我刚开始也在用 后来发现收录的都是那种 tag flash……等英文 群里说可以屏蔽 但是我不会弄 然后又撤掉了3D标签云。

    [Reply]

  5. August 20th, 2010 at 16:16 | #5

    我来申请友联了 行吗? 上次是你在我那里申请 我没同意 现在我来申请了 我决定要下掉一些链接了 因为我们之间没有互访 更不是同行 如果你同意了 请在我博客留个言 谢谢。

    [Reply]

  6. alexin
    August 20th, 2010 at 19:26 | #6

    @ alige
    我的只是彩色,不是3D

    [Reply]

  7. alexin
    August 20th, 2010 at 19:27 | #7

    @ alige
    当然可以,友情链接最终的目的就是互访。已经加上你的

    [Reply]

  8. February 7th, 2011 at 19:11 | #8

    嗯 不错的方法 我收藏了
    不过我看到了一个flash的标签云貌似也十分漂亮 :razz:

    [Reply]

  1. No trackbacks yet.
疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪 转眼睛 给眼色 好主意 箭头 一般 哭了 绿人