服务器与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中美化成你自己喜欢的格式。

腾讯云代金券
腾讯云代金券
新客户无门槛领取价值高达2860元代金券,每种券限量500张,先到先得。
赞(1) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权

文章名称:《实现wordpress分类目录两列显示的代码,非插件解决》

文章链接:https://www.chukuangren.com/wordpress-fenlei-lianlie.html

本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。