如何实现Wordpss分类目录双列显示?其实分类目录和友情链接双列显示的做法差不多,这里以分类目录为例子吧。
首先在需要显示分类目录的地方(一般是sidebar里显示)sidebar.php中添加以下代码:
<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>
exclude=1部分是隐藏分类ID为1的类目。有时候有些分类目录不希望让别人看到,那么就可以使用这个隐藏。ID在后台分类目录中把鼠标放到相应的分类名称上就可以显示了。
然后就是css部分。
在主题下的style.css文件中添加以下代码(本站的显示方式):
#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;}
然后即可实现分类目录双列显示。也可自行设计css部分,以实现更多功能。
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!