服务器与VPS
促销优惠信息

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

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

相关推荐

  • 暂无文章

评论 抢沙发

  • (必填)
  • (必填)

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

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏