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

建站经验
评价网站推广的效果的方法
中国流量巨大的10种类型的商业网站
轻松快速打造PR5的网站
新手需要了解的网站建设的过程和步骤
推广个人博客最好办法 免费书签收藏代码
能坚持下来的站长让痛苦来的更猛烈些吧
博客首页该如何布局才能吸引与留住人
用户需求网站目标涉及行业盈利模式决定你做什么
建站流程应该是边修改边上线 推荐
建站经验谈 豆瓣网怎么推广的
GOOGLE在中国市场落后的5点原因分析
地方分类信息网站的有效推广方法小结
跟Alexa类似的网站流量跟踪的5个国外网站
网站建设与SEO的流程图
关于解决网站内容复制几点建议 强烈推荐
开心网转帖功能 网站推广经验
Site 网站首页不在第一页的原因及解决方法
解决首页不在第一页的问题的方法参考
网站推广 如何招兼职网络推广员
网站用户体验与公交车的用户体验

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 116 ::
收藏到网摘: 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 输出代码,代码高亮从此告别插件!