主题集成彩色标签 — 守望的麦子

Home > wordpress > 主题集成彩色标签

2010年8月19日麦子

最近很看好彩色标签，在几个网站上都已经启用了。博客因为主题风格原因就没有使用，界面效果请见 Wheat Notes

建议大家也不要盲从花哨的元素，根据自己的整站内容和主题风格，添加合适得体的功能和效果。界面很重要，但我还是觉得是“内容为王”的。具体操作步骤如下：

1. 在主题 functions.php 中添加：

//Start of colorful tag cloud
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);
//End of colorful tag cloud

其中，颜色是随机的，可以自行修改

$color = dechex(rand(0,16777215));

这行来修改范围。

2. 主题相应位置添加：

<?php wp_tag_cloud( 'smallest=8&largest=24&number=50' ); ?>

8 是最小的 tag 的字体大小（用的最少的 tag），24 是最大的（用的最多的 tag），50 是 tag 的数目，可以自行修改。

类似这样集成在侧栏里的一些 widgets ，对于追求网站速度使用缓存技术的朋友，可以将整栏使用 php 的 Output Control Functions 缓存；或者借助 widgets cache 和 php widgets 插件进行缓存，以此来加快网站页面打开速度。如果是侧栏较多的网站，这个方法会大大减少你的数据库查询次数！