如何修改PbootCMS默认面包屑导航样式及自定义设置方法
在PbootCMS中,面包屑导航是一个重要的导航元素,帮助用户快速了解当前页面的位置和路径。为了满足不同的设计需求,可以通过自定义参数和修改样式来调整面包屑导航。下面详细介绍如何进行这些自定义操作。
PbootCMS面包屑导航调用方式
html
{pboot:position}
自定义参数
常用参数说明
separator
:分隔符,非必填,默认为>>
。separatoricon
:分割图标,非必填,如使用图标字体:separatoricon='fa fa-angle-double-right'
。indextext
:首页文本,非必填,默认为“首页”。indexicon
:首页图标,非必填,如使用图标字体:indexicon='fa fa-home'
。
修改样式
自定义分隔符
html
{pboot:position separator='/'}
此代码将面包屑导航的分隔符改为 /
。
修改首页文本
html
{pboot:position indextext='Home'}
此代码将首页文本修改为 Home
。
其他自定义参数
除了上述两种情况,还可以尝试其他参数的自定义,以满足具体需求:
使用图标字体
html
{pboot:position separatoricon='fa fa-angle-double-right' indexicon='fa fa-home'}
此代码将分隔符图标改为 fa fa-angle-double-right
,并将首页图标改为 fa fa-home
。