实现WordPress彩色标签云的震撼效果

人亦已歌

实现WordPress彩色标签云的震撼效果

实现彩色功能,在主题的function.php文件中加入以下函数

2. function colorCloud($text) {
3. $text = preg_replace_callback('|<a (.+?)>;|i','colorCloudCallback', $text);
4. return $text;
5. }
6. function colorCloudCallback($matches) {
7. $text = $matches[1];
8. $color = dechex(rand(0,16777215));
9. $pattern = '/style=(\'|\”)(.*)(\'|\”)/i';
10. $text = preg_replace($pattern, "style="color:#{$color};$2;"", $text);
11. return "<a $text>;";
12. }
13. add_filter('wp_tag_cloud', 'colorCloud', 1);

复制代码

调用tag云

2. <?php wp_tag_cloud('smallest=12&largest=18&unit=px&number=0&orderby=count&order=DESC');?>;

复制代码

smallest表示标签的最小字号
largest表示最大字号
unit=px表示字体使用像素单位
number=0表示显示所有标签，如果为40，表示显示40个
orderby=count表示按照标签所关联的文章数来排列
order=DESC表示降序排序(ASC表示升序排序，DESC表示降序排序)

指定在页脚显示，例如老牛自己的

2. <div id="footerTagCloud">;
3. <?php if ( function_exists('wp_tag_cloud') ) : ?>;
4. <strong>热门标签</strong>;
5. <?php wp_tag_cloud('smallest=8&largest=22'); ?>;
6. <?php endif; ?>;
7. </div>;

复制代码

其中的DIV CSS样式请自行匹配各自的主题进行修改