首页 » 工作 » 正文

不用插件实现WordPress彩色标签云

发布者:站点默认
2011/04/16 浏览数(1,660) 分类:工作 不用插件实现WordPress彩色标签云已关闭评论

说明:

侧边栏的标签云(Tag Cloud)一直是 WordPress 2.3+ 以后的内置功能,一般直接调用函数 wp_tag_cloud 或者在 Widgets 里开启即可,但是默认的全部是一个颜色,只是大小不一样,很是不顺眼,虽然可以用 Simple Tags 之类的插件,但是总感觉不爽,所以现介绍一个不用任何插件就能显示彩色标签云的方法。方法是 Alex 的英文站那里看来的,直接拿来主义和大家分享之。PS:貌似是冰古兄弟原创。

预览:

WP彩色标签云示例

WP彩色标签云示例

操作:

第一步:后台编辑主题的functions.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 $text>";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);

第二步:如果页面上没有添加标签云小工具的话在侧边栏 sidebar.php末尾添加以下代码,如果已添加标签云小工具则不需要这一步:

<?php
	wp_tag_cloud('smallest=8&largest=24&number=50');
	//smallest:使用次数最少的tag字体大小
	//largest:使用次数最多的tab字体大小
	//number:tag数目
?>

实例:

看看本站右侧吧?^_^

<完。整理:upall,摘自:走点路博客

点击返回顶部
  1. 留言
  2. 联系方式