如何实现WordPress分类目录双列显示
来源:易贤网 阅读:924 次 日期:2014-09-03 11:20:17
温馨提示:易贤网小编为您整理了“如何实现WordPress分类目录双列显示”,方便广大网友查阅!

经常在网上看到有网友询问如何实现wordpress的友情链接两列显示,分类目录两列显示等等。最近收拾主题,也出现了这个问题。单列显示的话不太美观,右边空间浪费掉了,而且太长,如果能实现两列甚至三列(视你的侧边栏或其他地方的具体宽度而定)显示的话,那样就完美了。其实分类目录和友情链接双列显示的做法差不多。因为我的博客友情链接在内页显示了,所以就以分类目录为例子吧。

首先在需要显示分类目录的地方(本博客是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部分,以实现更多功能。

更多信息请查看IT技术专栏

更多信息请查看CMS教程
易贤网手机网站地址:如何实现WordPress分类目录双列显示
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标