WordPress标签云美化设置方法

美工学习

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

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

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

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

复制代码

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

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

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

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

复制代码

这样就可以了

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！ 如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！