Generatepress主题添加面包屑导航教程

默认的Generatepress是没有面包屑导航功能的,因此需要借助添加插件来实现,本教程就是介绍用 Breadcrumb NavXT插件和GeneratePress Hook来给Generatepress主题添加面包屑导航。

注意:实现该功能需要购买 GP Premium,没有购买的同学请先购买。

进入插件中心,搜索Breadcrumb NavXT插件下载安装。

然后点击 外观 – Elements,添加一个新的Hook,在Hook中输入以下代码

 <div class="oppblogbreadcrumb">  
<?php 
 if(function_exists('bcn_display')){  bcn_display();  }  ?>
 </div> 
Generatepress主题添加面包屑导航教程

位置选择 before_entry_title,并勾选 Execute Shortcodes 和 执行PHP 。

Generatepress主题添加面包屑导航教程

依据你的实际需求选择展示的页面。确认保存。

Generatepress主题添加面包屑导航教程

可以手动修改CSS,让面包屑样式更适合主题。

本站wordpress用的CSS如下

 .oppblogbreadcrumb{
padding-bottom: 10px; font-size: 12px;
}
 .breadcrumbs a{ 
color:#595959; 
} 

留下评论