在使用 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]:获取面包屑内容。