Subscribe to 无限摄影News FeedSubscribe to 无限摄影Comments

修改wordpress侧边栏tagcloud样式

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

评论

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

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

?View Code 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处）：

?View Code PHP
1

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

将内容改成如下所示：

?View Code PHP
1

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

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

相关内容

标签：, , ,

评论



让我知道你的想法：(支持Gravatar头像服务)

  

  

 


         

         

4 Comments on "修改wordpress侧边栏tagcloud样式"

  1. eric on 星期一, 10th 八 2009 9:12 上午 

    你的模版修改得很不错，我也尝试在用这个模版，遇到首页文章缩图显示不了的问题，希望您能给点帮助！谢谢

    回复

    zhanbin Reply:
    八月 10th, 2009 at 9:50 上午

    这个模版首页的文章缩略图是使用 Featured Content Gallery 插件来实现的，你需要装过插件然后正确配置和使用才行。
    http://www.featuredcontentgallery.com/

    回复

  2. luanpa on 星期四, 31st 十二 2009 12:52 下午 

    多谢老板

    回复

    zhanbin Reply:
    十二月 31st, 2009 at 3:49 下午

    互相帮助，呵呵

    回复