实现wordpress分类目录两列显示的代码,非插件解决

如何实现wordpress分类目录两列显示?随着现在电脑屏幕越来越大,大家的主题侧边栏也越来越宽,wordpress默认的分类目录单列显示就显得又窄又长,非常不美观,而且占用空间。所以很多实用wordpress的朋友都想让分类目录能够两列显示,既美观又节约空间。那么怎么实现呢?下面楚狂人来和大家分享一下,两段代码实现wordpress分类目录两列显示的办法:

首先在我们在sidebar.php文件中合适的地方添加以下代码:
<div class="widget"h3>分类目录</h3><div id="side-categories"><ul> <?php wp_list_cats('sort_column=ID&sort_order=asc&optioncount=1&depth=2&hierarchical=0&exclude=1'); ?> </ul> </div></div>

其中exclude=1部分是指隐藏分类ID为9的类目。加入你有些分类目录不希望让别人看到,那么就可以使用这个隐藏。ID在后台分类目录中把鼠标放到相应的分类名称上就可以显示了。asc&optioncount是显示分类下面文章数目的,不需要的话你可以把它删掉,反正我是删掉了的。

然后我再到sytle.css里面定义一下分类目录的格式:.widget {
margin:0px 0px 8px 0px;
border:1px solid #e7e7e7;
width:280px;
padding:10px;
text-indent:12px;
background:#FFF;
}                                                                                                                                                                 #side-categories { position: relative; width: 200px; overflow: hidden; margin: 8px auto 0; } #side .categories{ line-height: 20px; } #side-categories ul {display: block; overflow: auto; } #side-categories li {width: 100px; float: left;}

代码是东拼西凑来的,目前是我自己最满意的wordpress分类目录两列显示的状态,以后如有修改会再次更新的,大家也可以在CSS中美化成你自己喜欢的格式。

 


		
赞(0) 领红包
转载注明:楚狂人博客 » 实现wordpress分类目录两列显示的代码,非插件解决

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

扫码领红包 或者 支付宝搜索:5981405

支付宝扫一扫打赏