一直对WordPress的标签显示有点点不爽，现在最流行的也就是使用Simple Tags插件显示个标签云，经过小小修改代码实现个七彩标签云也不是难题。但这几天在修改模板有些插件能不用就不用，而WordPress自带的标签显示又太菜，搜啊搜查啊查，找到篇文章：《轻松打造 WordPress 标签排行榜（免插件）》，看着效果不错，就拿来试了。

tg1.jpg


方法简述如下：

1、打开wp-includes/category-template.php，修改第694行控制字体大小的style=’font-size: 为控制标签背景宽度style=’width:，另在第696行$tag_name后加入<span>($count)</span>，让标签数目直接显示出来。修改后代码如下：

$a[] = "<a class="tag-link-$tag_id" style="width: &quot; .
( $smallest + ( ( $count - $min_count ) * $font_step ) )
. &quot;$unit;" title="&quot; . attribute_escape( $topic_count_text_callback( $count ) ) . &quot;" href="$tag_link">$tag_name<span>($count)</span></a>";

2、在sidebar适当位置调用，代码如下：

<h2>热门标签排行榜</h2>

3、美化显示风格，在style.css 中加入以下代码（不同主题请自行调整，仅供参考）：

.wp-tag-cloud li{font-size:12px;list-style:none;border-bottom:2px solid #FFF}
.wp-tag-cloud li a{background:#eef5e1;display:block;padding:2px 0px 2px 10px}
.wp-tag-cloud li a:hover{background:#e4efd5;text-decoration:none}