昨晚,陈小燕童鞋给我提了个建议,《双陈记》点击进文章页后,别人一般不知怎么返回首页,还斩钉切铁的说,“一点都不人性化”。我嘛肯定要接受她的建议,不过话说来,这建议还是不错的,现在都在搞用户体验,我也要与时俱进。
想了想就是很多网站做的那种面包屑导航,就折腾了一会。发觉其实很简单的,就是用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面包屑导航如下图:
这个是必须的,老婆的话一定得听!
PS:二位国庆快乐
顶!老婆的话无论怎么样都是懿旨,不可违抗!
这是不是叫“站着说话不腰疼”
谢谢,恭祝你国庆快乐!
这个功能不错~~~~加油 预祝国庆愉快!
谢谢,也祝你们国庆愉快!
这是最简单的一种方式,适合没有子分类使用
一章比一章牛逼。。。
这个以前也折腾过。。
导航栏是必须的,你要看看怎么优化,博客要注重用户体验和界面友好性。
不得不说这段代码很简洁,但是我发现还是有问题的,在首页也会显示最新一篇文章的位置,在分类页,也是显示最上面一篇文章的位置,这个有方法解决吗?
[…] 3.加上了双陈的面包屑导航 […]
[…] 3.加上了双陈的面包屑导航 […]
不错,挺一下