非插件实现wordpress分类两列显示
来源:易贤网 阅读:934 次 日期:2016-06-15 16:11:16
温馨提示:易贤网小编为您整理了“非插件实现wordpress分类两列显示”,方便广大网友查阅!

一般来说,分类都是侧边显示的,如果分类的名称字符比较少的时候,而且分类比较多,我们会看到一排分类用户体验不是太好。我们想是不是可以两列显示分类,这样还饱满一些。我们可以通过插件实现,但是我比较推荐使用非插件实现wp的功能,因为插件装多了wp耗内存非常的厉害。

首先,我们先确定自己的分类是手工在sidebar.php模板手工添加的,还是通过小工具拖动的。

如果是手工添加的就好办了,我们对于定义的id和class属性自己掌控。比如:

<h3>网站分类</h3>

<div id=side-categories class=categories> 

<ul> 

<?php wp_list_cats('sort_column=id&sort_order=asc&optioncount=1&depth=2&hierarchical=0&exclude=1'); ?>

</ul> 

</div>

然后我们分别给予side-categories和categories定义css

#side-categories { position: relative; width: 250px; overflow: hidden; margin: 8px auto 0; } 

#sidebar .categories{ line-height: 20px; } 

#side-categories ul {display: block; overflow: auto; } 

#side-categories li {width: 120px; float: left;}

其次,如果我们是通过小工具拖动实现的,这就需要我们到代码中看下分类部分的id和class名称。

如果,我这边看到的id=categories-2;class=widget widget_categories然后我就来定义css,如下:

#categories-2 { position: relative; width: 245px; overflow: hidden; margin: 8px auto 0; } 

#sidebar widget widget_categories{ line-height: 20px; } 

#categories-2 ul {display: block; overflow: auto; } 

#categories-2 li {width: 122px; float: left;}

看下是不是可以实现分类两列的效果。

更多信息请查看CMS教程
易贤网手机网站地址:非插件实现wordpress分类两列显示
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标