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

建站经验
11个PR7以上的国内网址导航站
国内现状 目前没几个博客能赚钱
网站推广最重要的2点 细节和坚持
给想通过博客赚钱的站长朋友的一些建议
网络推广经验 前期准备和发帖原则
盈利模式 细分市场是站长梦开始的地方
把握博客更新时间
总结网站推广中需要避免的12种推广方式
淘宝网店推广重点 抓住潜在的购买客户
建站杂谈 2010年web领域的预测
给用户一个无法拒绝的回访理由
建站案例 地方门户网站运营的心酸事
制作英文网站的基本流程
网站备案 图文教程
独立域名的英文博客从WordPress切换到Blogger的步骤
大胆尝试电子商务 改变传统盈利思路
404页面设计全攻略
以收购网站为名的商业间谍不可不防
运营企业网站来实现营销目标的经验
淘宝的站内搜索能改变搜索格局?

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


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