WordPress中轻松添加面包屑导航的方法

在WordPress中轻松添加面包屑导航的方法是使用“Breadcrumbs”插件，访问WordPress后台，依次点击“插件”>“添加新”，在搜索框中输入“Breadcrumbs”，然后安装并激活该插件，安装完成后，进入插件的设置页面，启用“显示面包屑”选项，并自定义其显示样式和位置，在网站的任何页面或文章页面，都可以看到清晰的面包屑导航栏显示当前页面的层级关系，这不仅有助于用户更深入地了解网站结构，还能提高用户体验和搜索引擎排名。

在网站构建中,面包屑导航是一个不可或缺的元素，它为用户提供了清晰、直观的路径，帮助他们更好地了解他们在网站上的位置，特别是在使用WordPress时，由于其丰富的插件和主题选择，添加面包屑导航变得更加简单，本文将介绍如何在WordPress中添加面包屑导航。

安装和启用面包屑插件

大多数WordPress主题都自带了面包屑导航功能,但如果你使用的是自定义主题或第三方主题，可能需要单独安装插件，WordPress官方推荐使用WooCommerce的Breadcrumbs plugin，但也有多个非WooCommerce的面包屑插件可供选择，在WordPress后台的“插件市场”中搜索“Breadcrumbs”即可找到并安装。

安装完成后,确保勾选该插件，并根据提示设置即可启用面包屑导航。

手动添加面包屑导航

如果你想手动添加面包屑导航,可以使用WordPress的Shortcode功能，请按照以下步骤操作：

登录到你的WordPress后台；
在左侧菜单中选择“自定义”；
在右侧找到“编辑器”并点击进入；
将以下代码粘贴到编辑器的合适位置：

<?php
function add_breadcrumbs() {
    echo '<nav aria-label="breadcrumb">';
   echo '<ol class="breadcrumb">';
    echo '<li class="breadcrumb-item"><a href="' . home_url() . '">Home</a></li>';
    /* Add your breadcrumb trails here. The loop variable $post is the current post object */
    if (is_page()) {
        $page = get_page();
        $ breadcrumbs = get_post_format( $post, 'sidebar' ) ? '<a href="' . get_permalink() . '" title="' . esc_attr( get_the_title() ) . '">' . esc_html( get_the_title() ) . '</a>' : '<a href="' . get_permalink() . '">' . esc_html( get_the_title() ) . '</a>';
        echo '<li class="breadcrumb-item"><a href="' . get_category_link( $post->cat_id ) . '">' . esc_html( get_category_name( $post->cat_id ) ) . '</a></li>';
        echo '<li class="breadcrumb-item"><a href="' . get_post_format( $post, 'related_posts' ) ? get_permalink() : get_post_format( $post, 'comment_count' ) ? esc_html( get_comment_count_text( $post->comment_count ) ) : esc_html( get_post_format( $post, 'post_link' ) ) . '">' . esc_html( $page->post_name ? $page->post_name : $page->post_title ) . '</a></li>';
    } elseif (is_category()) {
        $category = get_category( $post->cat_id );
        echo '<li class="breadcrumb-item"><a href="' . get_category_link( $category->term_id ) . '">' . esc_html( $category->name ) . '</a></li>';
        echo '<li class="breadcrumb-item"><a href="' . get_post_format( $post, 'comment_count' ) ? get_permalink() : get_post_format( $post, 'post_link' ) . '">' . esc_html( $page->post_name ? $page->post_name : $page->post_title ) . '</a></li>';
    } elseif (is_tag()) {
        $tag = get_tag( $post->tag_id );
        echo '<li class="breadcrumb-item"><a href="' . get_tag_link( $tag->term_id ) . '">' . esc_html( $tag->name ) . '</a></li>';
        echo '<li class="breadcrumb-item"><a href="' . get_post_format( $post, 'comment_count' ) ? get_permalink() : get_post_format( $post, 'post_link' ) . '">' . esc_html( $page->post_name ? $page->post_name : $page->post_title ) . '</a></li>';
    } elseif (is_search()) {
        echo '<li class="breadcrumb-item"><a href="' . get_search_link() . '">' . esc_html( apply_filters( 'search_form_search', esc_html( single_search_text() ) ) . '</a></li>';
    } elseif (is_home()) {
        echo '<li class="breadcrumb-item"><a href="' . get_permalink() . '">' . esc_html( esc_attr( get_the_title() ) ) . '</a></li>';
    }
    echo '</ol>';
}
add_action( 'wp_head', 'add_breadcrumbs' );