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

建站经验
推广经验 利用QQ推广网站的方法
google 恶意软件网站 警告后 怎么办
站长浅谈 运营网站切勿盲目跟风
远离垃圾站 做一个有用的站 让人们需要你
站长想把网站做好需要专心
让百度蜘蛛认为你的网站是一个好网站
企业网站 建设目标分析
问答推广的实施步骤与问答推广方法和技巧
SEO B2B行业网站优化经验
搜索引擎算法调整和被搜索引擎惩罚的解决方法
选择不知名网站源码来建站选择技巧
digg 创始人经验分享 发展网站用户的9个方法
智能查询域名的10个国外网站
成功网站的法则 简单的直击人最基本需求
网站 邀请机制的使用说明
成功网站=充实的内容+勤奋的站长+运气
网站内容的主动组织和展示技巧
百度K站和降权原因大收集 看看你占了哪一条
网络媒体 让资讯与服务融为一体
网站运营 SNS社区产品设计思想

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


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