美工学习 发表于 2023-11-30 21:37:21

WordPress标签云美化设置方法

很多博客用的主题是从twentyTwelve修改过来的。个人比较喜欢这个主题干净简洁的风格,它的特色就在于无图片,载入快速,修改起来很很轻便。但是这个主题在一些地方还是略显粗糙的,需要自己动手打磨一番。这次我就拿标签云开刀。默认的标签云字体看上去不太舒服,尤其是中文小字体,变形比较严重。网页设计中中文字体最好不要小于12px,否则就会产生变形。而这里的字体最小单位是8pt,显然不符合要求。
先贴上修改前后的对比图首先是修改字体的大小和单位,打开wp-includes/category-template.php 文件,找到代码:$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加上如下两条就算完成了:
.tagcloud { overflow:hidden; }
.tagcloud a {margin-right:3px; margin-bottom:4px; float:left; display:block;}这样就可以了


页: [1]
查看完整版本: WordPress标签云美化设置方法