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

阿里云爆款云主机

安全、稳定、快速。限时优惠,低至3折

现在购买

特别声明:本站文章多为原创,部分网络转载内容,如有侵权请联系我们!

如何实现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中美化成你自己喜欢的格式。

 


		
						                   
					
				 		

未经允许不得转载:作者:楚狂人, 转载或复制请以 超链接形式 并注明出处 楚狂人博客
原文地址:《实现wordpress分类目录两列显示的代码,非插件解决》 发布于2013-03-21

分享到:
赞(0) 打赏

评论 抢沙发

1 + 2 =


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

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阿里云主机爆款活动
云服务器全场2折起,活动期间,用户通过本活动页面购买指定云产品,可享受相应的优惠折扣同一用户限购1单。
切换注册

登录

忘记密码 ?

切换登录

注册