让 WordPress 侧边栏的信息列表横向排列

Jiang 发布于 2008年10月27日, 分类使用进阶, 阅读次数: 979

欢迎光临本站！我们致力为你提供更好的服务，请订阅本站Feed 获取每天最新信息。WordPress 中文站主要为你提供 WordPress 最新的新闻，插件、主题更新的信息，入门的教程，使用的技巧，博客的资源与优化，安全问题的提醒与修复方案，以及博客相关的方方面面。

感谢晓晓的投递；为博客带去流量，欢迎投递分享优秀文章

我们经常会在 WordPress 博客的侧边栏显示诸如博客分类等信息。默认情况下，分类信息是每行一个，纵向排列。如果侧边栏比较宽，这样旁边就会流出许多空白。今天我们介绍了一个办法，实现侧边栏分类项目的横向排列。

这个办法来自晓晓博客的文章：让Wordpress侧边栏的分类列表可以横向排列。我们先来看看其效果图：

实现这种效果，关键在于调整 CSS 代码，让整个列表的信息浮动，具体代码如下：

li.cat-item{
float:left;
}
.widget_categories ul{
overflow: hidden;
}

这里你要将对应的 class 的 id 修改为你的 Widget 所对应的 id。

本站地址: WordPress 非官方中文站[http://wpchina.org/]

Tagged as: 侧边栏

wanfuwu on 10月 27th, 2008 at 11:46 下午:
这个功能不错，谢谢作者。
links for 2008-10-27 « dupola’s weblog(en) on 10月 28th, 2008 at 12:00 上午:
[...] 让 WordPress 侧边栏的信息列表横向排列 – WordPress 非官方中文站 (tags: wordpress hack theme css) [...]
2wordpresscom 11/06/2008 « huaxlee’s daily post on 11月 7th, 2008 at 7:13 上午:
[...] 让 WordPress 侧边栏的信息列表横向排列 – WordPress 非官方中文站 [...]
popdo on 12月 17th, 2008 at 2:06 下午:
那个overflow: hidden;相当的关键哈~之前我做主题设置两列忘记了加overflow: hidden;结果调试了大半天！

WordPress 非官方中文站