WordPress 分类目录和页面并列导航栏的方法

大多数使用WordPress的博主的博客的导航都是单一的分类目录或者单一的博客页面,极少的人会把博客的分类目录和页面并列于导航栏上,博客吧认为,把分类目录和页面列表并列导航栏更能提高用户体验,而且使博客的页面构造更加完善。本篇博客吧就介绍如何让分类目录和页面并列导航栏。

目录和页面并列的方法:

  1. 登陆自己的WordPress博客,点击后台外观选项卡下的“编辑”选项进入主题编辑页面
  2. 选择导航栏代码所在的文件,一般是header.php文件
  3. 如果原导航的是分类目录,则应找到代码:
    <?php wp_list_cats('sort_column=name'); ?>

    如果原导航的是博客页面,则应找到的代码:

    <?php wp_list_pages('depth=1&sort_column=menu_order&title_li=' . __('') . '' ); ?>
  4. 把博客页面代码添加到分类目录代码下面或者把分类目录代码添加到博客页面代码下面即可实现分类目录和博客页面并表导航栏。

把分类目录置于左边,博客页面置于右边:(建议使用这种)

默认添加分类目录代码后,在博客页面代码中添加如下代码

<div style="float: right;">页面代码</div>

演示:

网友留言:

  1. 2012-07-08回复

    原来是模板代码的问题,不太了解wp函数.有空得分析下

  2. li

    2011-10-24回复

    页面代码
    这个页面代码怎么写,举个例子,急~谢谢

    • 博主回复
      2011-10-24回复

      @li, 上面两个一个是分类目录调用代码,一个是博客页面调用代码。

  3. 2011-09-10回复

    怎样显示一个目录的头10篇文章?

  4. JUN
    2011-07-03回复

    如何调用到2级目录出啦

    • 博主回复
      2011-07-04回复

      @JUN, 在分类目录调用代码中添加显示子目录的参数。

  5. JUN
    2011-07-03回复

    哥们,请教一下你的博客分类树是如何做的?可否分享一下代码?谢谢,如果可以请邮箱我吧!万分感谢!

    • 博主回复
      2011-07-04回复

      @JUN, CSS定义ul和li后,还定义子分类的ul和li

      • Jun
        2011-07-04回复

        @板凳, 想问一下你,调用页面内容不输出HTML的模式是怎么调用啊?

        • 博主回复
          2011-07-05回复

          @Jun, 不明白你指的是什么?

  6. jyklbb

    2011-05-17回复

    你好,我想请教你一些问题,就是这个页面左侧有分类目录,你分了2级,请问这个怎么实现?谢谢

    • 博主回复
      2011-05-17回复

      @jyklbb, 那个是二级目录来的。添加目录的时候选择其父目录就可以了。

  7. 我也做了wp的站 导航目录是自己想的 具体怎么做大家可以参考我的站

发表留言