在使用 PbootCMS 建站时,如果需要对系统默认的面包屑(breadcrumb)标签样式进行修改,可以通过自定义参数来实现。下面详细介绍如何使用 {pboot:position}
标签,并自定义相关的参数。
自定义面包屑标签
基本语法
{pboot:position}
[position:breadcrumb]
{/pboot:position}
参数说明
-
separator
- 含义:分隔符,默认为
>>
。 - 示例:
separator=/
表示使用/
作为分隔符。
- 含义:分隔符,默认为
-
separatoricon
- 含义:分割图标,默认为空。
- 示例:
separatoricon='fa fa-angle-double-right'
表示使用 Font Awesome 图标fa fa-angle-double-right
作为分隔符。
-
indextext
- 含义:首页文本,默认为 "首页"。
- 示例:
indextext=Home
表示将首页文本改为 "Home"。
-
indexicon
- 含义:首页图标,默认为空。
- 示例:
indexicon='fa fa-home'
表示使用 Font Awesome 图标fa fa-home
作为首页图标。
示例代码
假设你需要自定义面包屑标签的分隔符和首页文本,可以使用以下代码:
HTML 模板代码
<!-- 自定义面包屑标签 -->
<div class="breadcrumb">
{pboot:position separator=/ indextext=Home}
[position:breadcrumb]
{/pboot:position}
</div>
详细解释
-
标签结构
{pboot:position separator=/ indextext=Home}
:开始标签,指定分隔符为/
,首页文本为 "Home"。[position:breadcrumb]
:获取面包屑内容。{/pboot:position}
:结束标签。
-
内部标签
<div class="breadcrumb">
:包裹面包屑内容的容器。[position:breadcrumb]
:获取面包屑内容。