当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 不用任何插件实现 WordPress 的彩色标签云

建站经验
经验探讨 用户体验与搜索引擎优化的结合
让你的网站产生Google Sitelinks的六个要素
凸显使用体验 网站导航最受美国厂商关注
外国人眼中网站设计和网站建设二十个原则
网站更换域名应该注意的八个方面
五年经验告诉你 细节决定网站成败
新网站如何提高流量
稳中求升 购买付费链接应注意的九个问题
经验越多下手越难 你能抛弃你所学习的吗
站长进行设计网站时必须注意二十三个方面
路径突破 谈谈英文站比中文站更能做成功
谈谈网站运营中的关键的一环 团队的管理
最原始的东西最有价值 致天下所有创业者
名博怎样练成 析月光博客成功的六个原因
学生站长持续自己的冬天 仍坚守春天的期待
关于对web的分析 获得可行动的认识和度量
五个月前后五次改动 让我的流量稳在五万
亲手关闭自己论坛 泣血奉献一些心得经验
用户体验指导思想 易用友好 把用户当傻瓜
网站如何将用户体验与搜索引擎优化相结合

建站经验 中的 不用任何插件实现 WordPress 的彩色标签云


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 57 ::
收藏到网摘: n/a

侧边栏的标签云(Tag Cloud)一直是 WordPress 2.3+ 以后的内置功能,一般直接调用函数 wp_tag_cloud 或者在 Widgets 里开启即可,但是默认的全部是一个颜色,只是大小不一样,很是不顺眼,虽然可以用 Simple Tags 之类的插件,但是总感觉不爽,所以我介绍一个不用任何插件就能显示彩色标签云的方法。

方法是 Alex 的英文站那里看来的,直接拿来主义和大家分享之。

后台编辑 主题 的 functions.php , 输入以下代码

以下为引用的内容:
functioncolorCloud($text) {
$text=preg_replace_callback(‘|<a (.+?)>|i’,‘colorCloudCallback’,$text);
return$text;
}
functioncolorCloudCallback($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));  这行来修改范围,这样就很炫耀哈哈。

然后在侧边栏 sidebar.php 里调用如下代码:

<?phpwp_tag_cloud(’smallest=8&largest=24&number=50′); ?>

即可,8 是最小的 tag 的字体大小(用的最少的 tag),24 是最大的(用的最多的 tag),50 是 tag 的数目,可以自行修改。

假如你是个主题高手,直接集成在主题里那一定很帅!

效果可以看我首页右边的侧边栏:

侧边栏彩色标签云

PS:我坚决不用代码高亮插件,直接 HTML 能搞定的东西,何必用插件呢,推荐网站发芽网,有很多种样式,直接 HTML 输出代码,代码高亮从此告别插件!