实现WordPress分类目录分列显示的方法

林继 WordPress 5,535 共写了572个字 (2010-12-31 20:27:54) 1条评论 打印 扫描二维码 百度已收录

朋友们在使用wordpress主题的过程中可能会遇到这样的现象,主题的文章分类目录是一列向下垂直布局的,如果分类很多则会向下一直延伸,既占用空间又显得难看。我们有办法解决这个问题,下面开始介绍这个效果是如何实现的: 我们先在主题目录下的sidebar.php文件里面找到输出文章分类目录的一条函数如下(你也可以登录wordpress后台—外观—编辑,在右边的函数列表中通常都有sidebar.php文件):

  1. <?php wp_list_categories(); ?>

现在我们就尝试把一列式的分类目录处理成分为二列布局的分类目录。只需将下面的代码替换上面的函数就可以了:

  1. <?php$cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));$cat_n = count($cats) - 1;for ($i=0;$i<$cat_n;$i++):if ($i<$cat_n/2):$cat_left = $cat_left.'<li>'.$cats[$i].'</li>';elseif ($i>=$cat_n/2):$cat_right = $cat_right.'<li>'.$cats[$i].'</li>';endif;endfor;?><ul class="left"><?php echo $cat_left;?></ul><ul class="right"><?php echo $cat_right;?></ul>

上面的这段代码基本上就能将文章的分类目录以两列的方式显示出来(即在侧边栏中以左右两列布局).为了适应你主题侧边栏的宽度,你可能需要在样式表中做一个简单的修改。找到你正在用的主题样式表文件style.css,然后将下面的两条代码加入到适当的位置即可:

  1. .right {float:left; width:140px;}.left {float:left; width:140px;}

看一看下面的这幅分类目录图,是经过处理后的两列显示效果。


本文来自:http://www.blogohblog.com/10-wordpress-hacks-to-make-your-life-even-easier/

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

一条评论
  • 百毒博客

    2011年7月5日 21:08:25

    大哥,不行啊,我也是照这样做,结果我博客无法修改为2列呢。不知道什么地方出差错了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >