修改wordpress侧边栏tagcloud样式

十一月 12, 2008 by zhanbin  
分类:wordpress

wordpress的侧边栏中可以添加的widget中包行一个标签云的功能。这里可以把你正在使用的tag以百分比的多少分别以多种字体大小显示出来,可以让浏览者从tag的大小上看出该tag的使用频率。

但是wordpress并没有指定行高,所有有时候很大的字和很小的字在一起是很小的字就很难点击到,给用户使用造成不便。其实这个问题可以通过简单的css来搞定。

1
2
3
4
5
6
7
8
9
10
#sidebar  .widget_tag_cloud a:link,
#sidebar  .widget_tag_cloud a:visited{ 
color:#A91B33;
text-decoration:none;
line-height:26px;
}
#sidebar  .widget_tag_cloud a:hover{
color:#fff;
background-color:#A91B33;
text-decoration:none;}/*tag链接样式*/

这样就设置了tag云图的行高。

另外,因为wordpress 是老外开发的,很多文字字体大小不符合中文显示,所以我们还要改下tag显示的文字字号,包括最小字号和最大字号:

打开wp-includes\category-template.php 找到如下代码(应该有2处):

1
'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45

将内容改成如下所示:

1
'smallest' => 12, 'largest' => 24, 'unit' => 'px', 'number' => 45

这样就搞定了。再看看标签云的样子,是不是顺眼了很多。