所谓面包屑(breadcrumb)导航,类似这种:首页 > 公司简介 > 发展历史 展示网站树型结构,并让网站访问者随时知道自己所处的位置,方便返回上几级。下面这段代码,可以很容易地将导航添加到你的WordPress博客中。
打开主题functions.php模板,将以下代码加进去:
- function the_breadcrumb() {
- echo '<ul id="crumbs">';
- if (!is_home()) {
- echo '<li><a href="';
- echo get_option('home');
- echo '">';
- echo 'Home';
- echo "</a></li>";
- if (is_category() || is_single()) {
- echo '<li>';
- the_category(' </li><li> ');
- if (is_single()) {
- echo "</li><li>";
- the_title();
- echo '</li>';
- }
- } elseif (is_page()) {
- echo '<li>';
- echo the_title();
- echo '</li>';
- }
- }
- elseif (is_tag()) {single_tag_title();}
- elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
- elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
- elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
- elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
- elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
- elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
- echo '</ul>';
- }
将如下调用代码添加到主题模板的适当位置即可:
- <?php the_breadcrumb(); ?>
并根据不同的主题配以相应的css样式。
本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
山西省太原市 1F
如果配以效果图就更好了。
内蒙古锡林郭勒盟 2F
28行的emptyempty是不是笔误?
湖南省衡阳市 3F
文章不错,按微信图片,没法添加啊!你自己测试过没有?
浙江省宁波市 4F
感谢博主提供的方法,非常好用,实际效果很棒。
但在第5行的:get_option(‘home’); 在新的主题开发中建议改为 home_url(); 来获取
我转载了这篇文章,并给出了效果图
https://www.npc.ink/5015.html
广东省云浮市 5F
没看懂,什么是面包屑
广东省广州市 B1
@ 言之在线 就是导航路径啊