网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 如何实现WordPress分类目录双列显示
内容
    经常在网上看到有网友询问如何实现wordpress的友情链接两列显示,分类目录两列显示等等。最近收拾主题,也出现了这个问题。单列显示的话不太美观,右边空间浪费掉了,而且太长,如果能实现两列甚至三列(视你的侧边栏或其他地方的具体宽度而定)显示的话,那样就完美了。其实分类目录和友情链接双列显示的做法差不多。因为我的博客友情链接在内页显示了,所以就以分类目录为例子吧。
    首先在需要显示分类目录的地方(本博客是sidebar里显示)sidebar.php中添加以下代码:
    <h3>分类目录</h3>
    <div id="side-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部分,以实现更多功能。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/19 22:16:14