首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[函数]给WordPress加上面包屑导航,WP面包屑导航代码

发布于 2024-06-21 23:36:31
0
441

如何给自己的WP网站添加面包屑导航?先了解一下什么是面包屑导航。所谓面包屑(breadcrumb)导航:类似这种:首页 > 公司简介 > 发展历史 展示网站树型结构,并让网站访问者随时知道...

如何给自己的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样式。

评论
一个月内的热帖推荐
道亮_(:з」∠)_
Lv.1管理员

404

帖子

30

小组

2177

积分

赞助商广告
站长交流