非插件实现Wordpress分类两列显示

王朝学院·作者佚名  2016-08-22
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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

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

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

<h3>网站分类</h3><divid="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:8pxauto0;}#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:8pxauto0;}#sidebarwidget widget_categories{line-height:20px;}#categories-2 ul{display:block;overflow:auto;}#categories-2 li{width:122px;float:left;}

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

原文地址:http://www.itbulu.com/blog/893.html

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航