DIY自己的wordpress博客导航栏

对于我们菜鸟站长,对wordpress博客网站各种各样的导航栏可能有很多神秘感,怎么生成的这么多变的导航栏,分享一次就够站长给了我们的一些建议。


很多同学喜欢把 WordPress 的”页面”作为栏目,放在 header 附近。美其名曰:导航。

其实 WordPress 的”页面”并不是人们经常会访问的内容,我估计我的固定页面甚至都没有人看。既然如此,为什么不让导航栏起到真正的导航作用,让它变得更有趣呢?

WordPress 有一组代码是拿来给我们应付不同情况的。这些代码原本为人熟知的领域是侧边栏,当需要在不同页面展示不同侧边栏的时候,它们可以大展拳脚。现在不妨将它们用在导航栏上,打造一组多变的导航栏。

先”展示”一下代码:它们对应首页、单页、固定页面、分类等内容。

<?php if(is_home()); ?>, <?php if(is_single()); ?>, <?php if(is_page()); ?>, <?php if(is_category()); ?> 

在首页上,展示页面列表无可厚非。可是当访客进入单篇日志,页面列表就没有什么作用了,或许换成类似”路径”的东西会更为实用。

所以很多博客网站都写成以下的格式:

<?php if(is_single()) { ?>
<?php while (have_posts()) : the_post(); ?>
<li><a href="/">首页</a></li>
<li><?php the_category(', ') ?></li>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
<?php endwhile; ?>
<?php } ?>

以上代码的作用是,当进入单篇日志,导航栏显示内容为:首页>该文章所属分类>该文章的标题.

同时,隐藏原本的导航栏目,也就是页面列表:

<?php if(!is_single()) { ?>
<?php wp_list_pages(); ?>
<?php } ?>

即如果不是单篇文章,则显示原本的页面列表(如果是单篇文章就不显示了)。

还可以这样写:

<?php if(is_home() OR is_page()) { ?>
<?php wp_list_pages(); ?>
<?php } ?>

代表只有在首页或者固定页面的时候才在导航栏显示页面列表。

到这里,我的主要内容就说完了。以下配图可能会更好的表现出刚才说说的意思。

在wordpress博客首页时,导航栏可以这样显示:

在博客单篇文章页,导航栏可以这样显示:

浏览到按月存档时,导航栏又可以设置成这个样子:

还可以用 is_tags、is_year、is_month、is_day来达到更细化的导航效果,只要自己好好将它们组合起来。

欢迎转载,转载请注明本文链接:众推不靠谱 » DIY自己的wordpress博客导航栏

吐槽 2


  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 夏日博客感觉默认的样式就可以。。回复
    • zoo是的,嗯,此文只是分享制作导航栏的方案思路回复