如何通过代码为WordPress添加面包屑导航?


文章目录 隐藏

功能需求说明

面包屑导航(Breadcrumb Navigation)是一种用于帮助用户浏览网站的导航方式。它通常显示在网站的顶部或侧边栏,以链接的形式列出当前页面所在的位置。这样,用户可以快速回到更高层级的页面或网站的首页。例如,在一个商品目录中浏览手机时,面包屑导航可能会显示为“首页 > 电子产品 > 手机”。这使用户可以通过点击“电子产品”或“首页”的链接快速返回这些页面。

面包屑导航有助于用户更快地找到所需信息,并提供了一种友好的导航体验。

在使用WordPress主题库的免费主题时,有些并没有提供面包屑导航的功能。有些用户会通过安装插件来实现,但是部分用户认为插件影响性能,更愿意使用代码。下面提供一段示例代码,它可以帮助你在WordPress网站中添加面包屑导航:

整理和修正后的代码

<?php
function custom_breadcrumbs() {
    if (!is_front_page()) {
        // 获取当前页面的父级页面
        $parent_id = wp_get_post_parent_id(get_the_ID());
        // 创建一个数组来存储链接
        $breadcrumbs = array();
        // 如果当前页面有父级页面,就将链接添加到数组中
        if ($parent_id) {
            $breadcrumbs[] = '<a href="' . get_permalink($parent_id) . '">' . get_the_title($parent_id) . '</a>';
        }
        // 将当前页面的链接添加到数组中
        $breadcrumbs[] = '<a href="' . get_permalink() . '">' . get_the_title() . '</a>';
        // 将数组中的链接使用 " / " 连接起来,并输出
        echo implode(' / ', $breadcrumbs);
    }
}

调用方法

将以下代码添加到需要显示面包屑导航的位置,例如 header.phpsidebar.phpsingle.php 文件中:

<?php custom_breadcrumbs(); ?>

代码解析

  • wp_get_post_parent_id(get_the_ID()):获取当前页面的父级页面ID。

  • get_permalink($parent_id)get_the_title($parent_id):分别获取父级页面的链接和标题。

  • get_permalink()get_the_title():分别获取当前页面的链接和标题。

  • implode(' / ', $breadcrumbs):将数组中的链接使用“ / ”连接起来,并输出。

这段代码使用了WordPress内置函数 wp_get_post_parent_id()get_permalink() 来获取父级页面的链接和当前页面的链接。它还使用了 is_front_page() 函数来检查当前页面是否是首页,如果是,则不会显示面包屑导航。


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至123@#-@12-3.com举报,一经查实,本站将立刻删除。

共有 30 条评论