欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」给WordPress加上面包屑导航,WP面包屑导航代码

作者 : 自学哈 本文共1572个字,预计阅读时间需要4分钟 2022-11-6 共120人阅读
也想出现在这里? 联系我们

如何给自己的WP网站添加面包屑导航?先了解一下什么是面包屑导航。

所谓面包屑(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样式。

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」给WordPress加上面包屑导航,WP面包屑导航代码
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号