《双陈记》情侣博客

位置:主页 > 折腾WP > WordPress 面包屑导航

WordPress 面包屑导航

     昨晚,陈小燕童鞋给我提了个建议,《双陈记》点击进文章页后,别人一般不知怎么返回首页,还斩钉切铁的说,“一点都不人性化”。我嘛肯定要接受她的建议,不过话说来,这建议还是不错的,现在都在搞用户体验,我也要与时俱进。

   想了想就是很多网站做的那种面包屑导航,就折腾了一会。发觉其实很简单的,就是用Wordpress的几个函数分别调用主页,分类,和当前文章的题目然后再用css加点样式,一个简单的面包屑导航就做好了。

折腾步骤:首先在需要插入面包屑导航的位置插入如下代码:

<div id="post_nav">位置:<span><a href="<?php bloginfo('url') ?>/" >主页</a>></span>

<?php the_category(',') ?> > <span class="post_nav_title"><?php the_title() ?></span></a></div>

   我的代码是插入到single.php文章页,放在文章标题上面的。然后自己加点css样式就OK了。还可以把以上代码插入到页面模板page.php里,任何一个你想显示面包屑导航的地方。

   很简单吧,简单的一个Wordpress的面包屑导航就搞定了。觉得不够给力的话,可以加点Jquery动态效果,那就会给力的,以后在慢慢折腾。

《双陈记》的Wordpress面包屑导航如下图:
双陈记wordpress面包屑导航



无觅相关文章插件

已经有15位童鞋留言了,还不来盖楼!

  1. 这个是必须的,老婆的话一定得听!
    PS:二位国庆快乐

  2. 这个功能不错~~~~加油 预祝国庆愉快!

  3. :evil: 这个博客做的很漂亮哦!不错不错~~ :grin:

  4. 这是最简单的一种方式,适合没有子分类使用

  5. 一章比一章牛逼。。。

  6. 这个以前也折腾过。。

  7. 导航栏是必须的,你要看看怎么优化,博客要注重用户体验和界面友好性。

  8. 不得不说这段代码很简洁,但是我发现还是有问题的,在首页也会显示最新一篇文章的位置,在分类页,也是显示最上面一篇文章的位置,这个有方法解决吗?

  9. […] 3.加上了双陈的面包屑导航 […]

  10. […] 3.加上了双陈的面包屑导航 […]

love730.com
To:双陈记

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪

您还可以输入300个字插入图片