PbootCMS默认面包屑导航样式修改及自定义的设置方法

在使用 PbootCMS 建站时，如果需要对系统默认的面包屑（breadcrumb）标签样式进行修改，可以通过自定义参数来实现。下面详细介绍如何使用 {pboot:position} 标签，并自定义相关的参数。

自定义面包屑标签

基本语法

{pboot:position}
    [position:breadcrumb]
{/pboot:position}

参数说明

1. separator

   • 含义：分隔符，默认为 >>。
   • 示例：separator=/ 表示使用 / 作为分隔符。

2. separatoricon

   • 含义：分割图标，默认为空。
   • 示例：separatoricon='fa fa-angle-double-right' 表示使用 Font Awesome 图标 fa fa-angle-double-right 作为分隔符。

3. indextext

   • 含义：首页文本，默认为 "首页"。
   • 示例：indextext=Home 表示将首页文本改为 "Home"。

4. indexicon

   • 含义：首页图标，默认为空。
   • 示例：indexicon='fa fa-home' 表示使用 Font Awesome 图标 fa fa-home 作为首页图标。

示例代码

假设你需要自定义面包屑标签的分隔符和首页文本，可以使用以下代码：

HTML 模板代码

<!-- 自定义面包屑标签 -->
<div class="breadcrumb">
    {pboot:position separator=/ indextext=Home}
        [position:breadcrumb]
    {/pboot:position}
</div>

详细解释

1. 标签结构

   • {pboot:position separator=/ indextext=Home}：开始标签，指定分隔符为 /，首页文本为 "Home"。
   • [position:breadcrumb]：获取面包屑内容。
   • {/pboot:position}：结束标签。

2. 内部标签

   • <div class="breadcrumb">：包裹面包屑内容的容器。
   • [position:breadcrumb]：获取面包屑内容。