我的博客用的主题是从twentyTwelve修改过来的。个人比较喜欢这个主题干净简洁的风格，它的特色就在于无图片，载入快速，修改起来很很轻便。但是这个主题在一些地方还是略显粗糙的，需要自己动手打磨一番。这次我就拿标签云开刀。

默认的标签云字体看上去不太舒服，尤其是中文小字体，变形比较严重。网页设计中中文字体最好不要小于12px，否则就会产生变形。而这里的字体最小单位是8pt，显然不符合要求。
先贴上修改前后的对比图

首先是修改字体的大小和单位，打开wp-includes/category-template.php 文件，找到代码：

1
2
3
4
5

$defaults = array(
	'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
	'format' => 'flat', 'separator' => "\n", 'orderby' => 'name', 'order' => 'ASC',
	'exclude' => '', 'include' => '', 'link' => 'view', 'taxonomy' => 'post_tag', 'post_type' => '', 'echo' => true
);

这里有几个对我有用的设置：
smallest – 最小的标签（使用次数最少）显示大小为8，我改成12；
largest – 最大的标签（使用次数最多）显示大小为22，我改成20；
unit – 最大值最小值的单位为’pt’，我改成px；
number – 至多显示45个标签，暂时不改，以后文章多了看效果设置

这样字体就设置完毕了，保存上传覆盖。

接下来是标签云的显示形状，默认是横排，没有一个“云”的浮动感觉。要浮动，自然想到要float，于是在主题的style.css加上如下两条就算完成了：

1
2

.tagcloud { overflow:hidden; }
.tagcloud a {margin-right:3px; margin-bottom:4px; float:left; display:block;}

本站所有文章均为原创，欢迎转载，请注明文章出处：https://blog.brain1981.com/186.html。百度和各类采集站皆不可信，搜索请谨慎鉴别。技术类文章一般都有时效性，本人习惯不定期对自己的博文进行修正和更新，因此请访问出处以查看本文的最新版本。

本站记录了近几年的工作中遇到的一些技术问题和解决过程，“作品集”还收录了本人的大部分作品展示。除了本博客外，我们的工作室网站 – JennyStudio，内有更多作品回顾和展示。
您也可以扫描左边的二维码，关注我们的微信公众号，在微信上查看我们的案例。