首页 » 建站技术 » WordPress » 浏览内容

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


2010-12-31 20:27:54 5,513 1 发表评论 字体: 作者:C.K.
标签: WordPress

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

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

<?php wp_list_categories(); ?>

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

<?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,然后将下面的两条代码加入到适当的位置即可:

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

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


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

网站统计 Statistics

  • 创建时间: 2005年1月3日 距今5067 天
  • 日志总数: 2461
  • 评论总数: 630
  • 标签总数: 654
  • 链接总数: 273
  • 最后更新: 2018-8-31 17:57:04
  • 您是本站第 14169991 位访客

广告区 Guǎng Gào