PbootCMS預設麵包屑導航樣式修改及自定義的設定方法

黄文Rex發表於2024-09-27

在使用PBootCMS建站時,如果需要對系統預設的麵包屑標籤進行樣式修改,可以透過調整相應的引數來實現。以下是具體的步驟和示例程式碼:

修改麵包屑標籤的樣式

  1. 自定義分隔符
  2. 修改首頁文字
  3. 新增首頁圖示
  4. 新增分割圖示

示例程式碼

假設你需要修改麵包屑標籤的分隔符、首頁文字以及圖示,可以按照以下方式進行:

1. 自定義分隔符

將預設的分隔符從 >> 改為 /

{pboot:position separator=/}

2. 修改首頁文字

將預設的首頁文字從 "首頁" 改為 "Home"

{pboot:position indextext=Home}

3. 新增首頁圖示

使用Font Awesome圖示字型,將首頁圖示設定為 fa fa-home

{pboot:position indexicon='fa fa-home'}

4. 新增分割圖示

使用Font Awesome圖示字型,將分割圖示設定為 fa fa-angle-double-right

{pboot:position separatoricon='fa fa-angle-double-right'}

相關文章