如何在GeneratePress主题添加面包屑？

本文中老魏会教大家如何在GeneratePress主题中添加面包屑。网站面包屑的必要性在之前的WordPress面包屑插件内容中已经讲解过了。GeneratePress主题是一款国外主题，操作简单，上手容易，主要特色是速度极快，性能也很强，深受WordPress站长的喜欢。GeneratePress主题本身不提供面包屑功能，只能通过以下办法添加。

在本文的例子中老魏使用的是GeneratePress主题和GP Premium插件，详细介绍看这个链接。目前激活使用的用户已经几十万了，GP Premium插件是GeneratePress主题的高级版本，提供有元素、网站库及其他高级功能。感兴趣去GeneratePress主题官网看看。老魏用过之后感觉比 Avada主题要简单很多，逻辑上也更容易学习和上手。

很多seo插件提供了面包屑功能，我们只需要把这个功能启用，并且加入面包屑代码就可以了。

Yoast SEO在GeneratePress主题添加面包屑

1、启用Yoast SEO插件后（ Yoast SEO 插件英文版设置教程），从 WordPress仪表盘左侧最下面找到 SEO>搜索外观>面包屑导航，开始设置。

启用路径导航，激活。下面基本无需改动；

在面包屑导航中为文章类型选择“分类目录”。

保存更改。

Yoast SEO启用面包屑

2、在GeneratePress主题>外观>元素Elements>添加新元素Add New Element>选择Hook类型，起个名字，添加如下代码：

<?php if ( function_exists(‘yoast_breadcrumb’) ) { ?>
<div class=”grid-container grid-parent”>
<div class=”page-header”>
<?php yoast_breadcrumb(‘<p id=”breadcrumbs”>’,'</p>’); ?>

</div>
</div>
<?php } ?>

老魏提示：如果设置了静态首页要使用下面的代码，包括在首页禁用面包屑。用上面那段代码会导致首页出现面包屑。

<?php if ( function_exists(‘yoast_breadcrumb’) && !is_front_page() ) : ?>
<div class=”grid-container grid-parent”>
<div class=”page-header”>
<?php yoast_breadcrumb(‘<p id=”breadcrumbs”>’,'</p>’); ?>

</div>
</div>
<?php endif; ?>

其实只比第一段代码多了首页判断。

3、下图是上面代码的添加过程，这个网站设置了静态主页所以老魏使用了判断是否首页的代码。

• 起名；
• 粘贴代码；
• 选择hook生效位置，before content；
• 勾选执行php。
• 显示规则：所有单品All Singular（偷懒没截图）；
• 发布Publish。

GeneratePress主题添加面包屑代码

大家还可以根据个人需要为上面生成的面包屑添加css样式。不添加的话挺素的，老魏觉得通用的样式也挺好。

Rank Math在GeneratePress主题添加面包屑

1、Rank Math插件和Yoast SEO插件一样都是 WordPress世界中特别流行的seo插件，使用Rank Math插件的好处是能免费获得Yoast SEO插件的大部分高级功能。这也是很多博主极力推荐的原因。

2、在WordPress仪表盘安装启用Rank Math插件后，进入Rank Math > General Settings > Breadcrumbs，先打开 Enable breadcrumbs function的开关（图片中忘记标记了），启用面包屑功能。

接着复制Rank Math提供的面包屑代码或简码，也就是下图中黄色背景的<?php ?>那行代码，第二行的简码也可以使用。为了方便大家辨识把代码和简码放在下面，二选一即可。

<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
或
[rank_math_breadcrumb]

Rank Math在GeneratePress主题添加面包屑

3、这里的选项基本上不用改动什么。老魏总结了可能需要自定义的三项如下：

• 分隔符Separator Character：默认第一个或者根据个人爱好选择；
• 首页标签Homepage label：面包屑第一个标签，默认Home，有人使用网站名；
• 隐藏帖子标题Hide Post Title：隐藏面包屑的文章标题。比如魏艾斯笔记的文章页面，面包屑中的文章标题就用“正文”代替了。这里和标题一样有重复的嫌疑，建议开启；
• 显示类别Show Category(s)：如果类别是子类别，则显示所有祖先类别。比如类别分二级，就显示：首页>父类别>类别>文章，显示路径是合理的，建议开启；
• 隐藏分类名称Hide Taxonomy Name：在面包屑中隐藏分类法名称。分类法包括目录（category）和标签（tag），开启后不显示；
• 以上这三个选项你可以选择后看看前台页面的效果，再做最后设置。

4、在WordPress仪表盘>外观> 元素 > 添加新元素 > 选择元素类型：钩子hook，如下图所示：

• 起个名；
• Choose Element Type 选择 Hook；
• 粘贴上面复制的代码或简码；
• 设置中钩子选择 before content；
• 执行php：勾选；
• 显示规则：所有单品All Singular（偷懒没截图）；
• 右侧点击更新保存；

GeneratePress主题添加面包屑钩子

其他情况在GeneratePress中添加面包屑

1、如果你使用免费的All in One SEO包插件、不用任何seo插件、主题不提供面包屑，这三种情况下需要使用Breadcrumb NavXT插件。

2、和上面seo插件的操作相似，在WordPress仪表盘中添加钩子。

3、粘贴一下内容到钩子中：

<div class=”breadcrumbs”>
<?php
if(function_exists(‘bcn_display’))
{
bcn_display();
}?>
</div>

发布钩子。

4、另外在默认情况下，面包屑标题的第一个标签是在“设置”>“常规”中的站点名称，为了方便们可以使用以下代码把面包屑中的“站点标题”名称更改为“首页”。

要实现这个目的就要安装使用Code Snippets插件。

安装启用后在插件中添加新片段，复制并粘贴以下代码，激活。

add_filter(‘bcn_breadcrumb_title’, ‘my_breadcrumb_title_swapper’, 3, 10);
function my_breadcrumb_title_swapper($title, $type, $id)
{
if(in_array(‘home’, $type))
{
$title = __(‘Home’);
}
return $title;
}

这样面包屑第一个标签就显示“Home”了。中文网站可以改成中文的“首页”。

老魏点评

本文主要介绍了在GeneratePress主题添加面包屑的方法。包括使用Yoast SEO插件、Rank Math插件。如果使用了GeneratePress主题，大多数网站应该都会添加一款seo插件，即使你不用seo插件或用了seo插件但不支持面包屑也可以在本文中找到相应的操作办法。写作不易，如果你喜欢本文或者帮到你了，欢迎关注魏艾斯笔记及转发分享。