默认方式的 WordPress 标签云，由于满街都是同一风格，是否觉得些许枯燥了？有没有考虑来点与众不同的？当然，本文不谈标签插件，虽然有很多标签插件非常优秀，简洁主义者通常尽量少用插件。以下是通过几个简单步骤，不使用插件即可实现热门标签排行榜效果。

以下开始介绍全部步骤，写得太过详细，其实操作简单，只需要留意蓝色字体处即可。

第一步：定制 CSS

在 style.css 中加入以下几行以控制 wp-tag-cloud 的显示风格（仅供参考）：

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

第二步：修改 category-template 文件

该文件 category-template.php 位于 wp-includes 目录下，修改前建议先备份一下。

找到第421~423行，这三行代码修改之前是这样的：

1. $a[] = " 
2. ( $smallest ( ( $count - $min_count ) * $font_step ) ) 
3. . "$unit;'>$tag"; 

只修改第421行与第423行（422行不必改动），主要是把控制字体大小 style='font-size:  修改成控制标签背景宽度 style='width:，以及去掉了一些多余的东西。另外就是在423行加入了一点点内容，让标签数目直接显示出来。这三行修改后如下：

$a[] = "$tag ($count)";

第三步：在 sidebar 适当位置调用标签

此处调用方式比默认调用方式增加了一些参数值，示例如下（只需留意蓝色字体代码）：

热门标签排行榜

以上就完成了，其中第三步的调用参数意义说明如下：

1）smallest 与 largest 原来的作用是最小与最大字体大小，现在变成了最小与最大宽度值；

2）unit=px，是单位，使用了 px；

3）number=20，是调用标签的数量，此处是调用20个，可以任意设定（不宜太多或太少）；

4）format=list，以列表方式显示标签；

5）orderby=count，以标签统计次数来排序；

6）order=DESC，以倒序显示（最热的标签在前，最冷的标签在后）。

另一种方式：

可能有人会对第二步（修改 category-template 文件）有所顾虑，于是，可以有另一种方式：

此方式的调用方式也有所不同，不控制宽度值，把最小与最大字体都设置为12号字：

Tags: WordPress 标签优化

分享到：