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

wdzsjl 1个月前 (10-10) 阅读数 15 #织梦DedeCms

在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

wx.jpg ywfw.jpg
热门