非插件实现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;}

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

  原文地点:

WordPress v3.5.2 简体中文版下载

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/9853.html