首页 问答 正文

wordpress主题如何添加breadcrumb导航?

注册会员 / 悠然自学 / 2023-06-11/ 浏览 139 次

在WordPress主题中添加breadcrumb导航有两种方式:

  1. 使用插件

有很多WordPress插件可以帮助你在主题中添加breadcrumb导航,比如 Breadcrumb NavXT 和 WordPress SEO 等。

使用方法:

① 从WordPress插件库中安装并启用你选择的插件;

② 根据插件提供的配置选项来配置导航样式和链接。

  1. 手动添加代码

手动添加代码可以让你更精细地控制breadcrumb导航的显示效果。以下是添加示例代码的步骤:

① 打开主题的 functions.php 文件;

② 在文件末尾添加以下代码:

function custom_breadcrumb() {
    echo '<div class="breadcrumb">';
    echo '<a href="' . get_home_url() . '">首页</a> &rsaquo; ';

    if ( is_category() || is_single() ) {
        the_category(' &rsaquo; ');
        if ( is_single() ) {
            echo ' &rsaquo; ';
            the_title();
        }
    } elseif ( is_page() ) {
        echo the_title();
    }
    echo '</div>';
} 

③ 在主题的页面模板文件中调用该函数,通常是在 header.php 文件中的 head 区域中添加以下代码:

<?php custom_breadcrumb(); ?> 

这样就可以在主题中添加breadcrumb导航了。

大家谈论
    我的见解