修改WordPress的Page页面导航栏

在用WordPress的时候,有时候我们会需要做一个简单的CMS系统。什么是CMS?嗯,可能这样说话题有点太大,OK!不说CMS了,想知道可以自己搜索一下Google。

换个简单的说法,有时候我们在使用WordPress时会需要在page页面导航中增加一个Home菜单。而默认模板下WordPress是没有Home菜单的。其实要了解怎么加Home菜单很容易,只要下载一个带Home菜单的主题就行了,查看其中的head.php文件,可以看到是通过添加一段代码实现的。完整代码如下:

<li class="<?php if (is_home()) { echo "current_page_item";
} ?>"><a href="<?php echo get_settings('home'); ?>">Home</a></li>
<?php wp_list_pages('title_li=&depth=1&exclude='); ?>

可以看到,这样就把Home菜单加在了页面导航的最前面。

还有另外一种情况。有时候我们需要使用某一个Page(页面)来做主页,而把默认的博客显示页面作为一个页面。这项功能本身的实现很容易,因为WordPress很早就支持此项功能了。只要在菜单“选顶”–“阅读”内设置“Front Page”就行了,这个就不多说了。但带来的问题是,如此一来,会使页面导航栏中的博客页面无法显示选中状态。比如,当点击“博客”页面时,应该“博客”两个字是红色的,其它页面导航文字仍然是黑色,但修改“Front Page”后,这个“博客”页面的选中状态就失效了。

解决方法也是比较简单的,但有时候你不知道,就会多走一些弯路。 :)
解决此问题完整代码如下:

<?php wp_list_pages('title_li=&depth=1&exclude=85'); ?>
<li class="<?php if (is_home()) { echo "current_page_item";
} ?>"><a href="YOUR-URL">博客</a></li>

其中第1行最后的85是“博客”页面的page_id号(这个ID号用你自己“博客”页面的ID号代替)。之所以要排除这个page,是因为我们已经在第2行代码中手工添加了这个页面的导航。第2行中的YOUR-URL用你的“博客”页面地址代替就行了。

简单吧!想想也实在很简单。记录一下,这样才不会忘掉。 :idea:

Share and Enjoy:
  • del.icio.us
  • Google Bookmarks
  • Haohao
  • LinkedIn
  • MisterWong
  • MSN Reporter
  • Yahoo! Bookmarks
  • 豆瓣
  • 豆瓣九点
  • Facebook
  • QQ书签
  • Twitter

关键词: ,

5 Responses to “修改WordPress的Page页面导航栏”

  1. dms says:

    我是用链接的方式在head.php里设置了导航栏标签,就向你说的,选择别的标签后,标签没有变化,还是显示原来的为橙色(橙色为选择,黑色为不被选),我的是修改head所以没有所谓的页面id怎么能改正这个问题呢?

  2. shafeng says:

    @dms

    直接使用链接的方式设置横向导航栏的确也是可以的。
    而且更简单。但需要手工一个个加。

    关于选中的状态我记得可以使用CSS来控制。
    具体的CSS代码我忘记了,对于CSS我也是一知半解。呵!

    如果你找到了解决办法欢迎告诉我。

  3. dms says:

    我的改好了。我是在我的head里手动加的导航栏,因为在yo2上新建页面也不知道怎么才能把想要的内容加到指定的页面,你知道么?呵呵。
    所以我就用分类的方法来建立导航栏标签,从而就达到了指定页面的效果。然后在head里加上判断语句

  4. 页面名称
    我的地址:dmsadrian.yo2.cn,有什么需要给我留言吧
  • dms says:

    实在抱歉了,不会在留言上写代码,如果你知道告诉我吧,呵呵。http://www.happinesz.cn/archives/437/你去参考一下,不知道的在问我,我是借鉴他的。

  • shafeng says:

    @dms

    感谢你的留言。。

    在评论中的确是不能输入某些代码的。
    没关系,根据你的连接我已经看了。
    看似简单,但要真正掌握也要花点工夫。

  • Leave a Reply

    最近文章:

    最近留言:

    随机文章:

    Follow Me On Twitter