如何制作wordpress彩色标签云页面

首先复制一份你博客主题的page.php模板

然后在其顶部加入

<?php

/*

template name: tags

*/

?>

然后将这种显示正文内容的代码换成调用tags的代码

<?php the_content() ?>

换成

<?php wp_tag_cloud(‘smallest=12&largest=18&unit=px&number=0&orderby=count&order=desc’)?>

在style.css里面增加如下代码可以使得间距更好看：

#page-cnt.tags,

#page-cnt.friends { height: 576px padding: 6px 0 0 overflow: hidden line-height: 30px }

#page-cnt.tags,

#page-cnt.friends { height: auto padding-top: 5px overflow: visible }

.tags a { display: inline-block margin: 0 4px white-space: nowrap }

打开主题中的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)

大功告成，在后台新建一个tags页面就可以了。

打开wp-content/themes/Gvan-X/下面的：functions.php　文件把以下代码加入里面：（加入的位置可以在多个地方，个人推荐在:CustomComment前面）//标签彩色显示代码开始functioncolorCloud($text){$text=preg_replace_callback(‘||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“”}add_filter(‘wp_tag_cloud’,‘colorCloud’,1)这样你的标签云就变彩色了。。

---