如何实现WordPress分类目录双列显示
2013-11-23 23:49
387 查看
经常在网上看到有网友询问如何实现wordpress的友情链接两列显示,分类目录两列显示等等。最近收拾主题,也出现了这个问题。单列显示的话不太美观,右边空间浪费掉了,而且太长,如果能实现两列甚至三列(视你的侧边栏或其他地方的具体宽度而定)显示的话,那样就完美了。其实分类目录和友情链接双列显示的做法差不多。因为我的博客友情链接在内页显示了,所以就以分类目录为例子吧。
首先在需要显示分类目录的地方(本博客是sidebar里显示)sidebar.php中添加以下代码:
exclude=1部分是隐藏分类ID为1的类目。有时候有些分类目录不希望让别人看到,那么就可以使用这个隐藏。ID在后台分类目录中把鼠标放到相应的分类名称上就可以显示了。
然后就是css部分。在主题下的style.css文件中添加以下代码(本站的显示方式):
然后即可实现分类目录双列显示。也可自行设计css部分,以实现更多功能。
首先在需要显示分类目录的地方(本博客是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部分,以实现更多功能。
相关文章推荐
- 把网站提交到网站分类目录有效排名
- Spring3.1.2与Hibernate4.1.8整合
- 通过OpenCL内核代码猜测设备寄存器个数
- jqury是javascript最好的框架
- linux gdb 调试技巧
- 用函数实现模块化
- win8.1 无线连接受限最好解决方法
- 编程回忆之运维回忆(bug记录收集和处理)
- Contoso 大学 - 8 – 实现继承
- UVA12546_LCM Pair Sum
- keep_on _coding——js_good_parts
- 当比特币遇到社会金融
- 鸽子情缘
- javascript怎么做出一个加号点击之后变成一个减号而且隐身了内容
- 防止ISE综合时内部信号/模块被综合掉
- oracle rman plus archivelog自动执行的步骤
- 当比特币遇到社会金融
- 预处理命令--宏定义
- Windows 7 暗藏的管理功能
- Entity Framework Code First数据库自动更新