When building a website with PbootCMS, breadcrumb navigation is an important element, which can help users quickly understand the location and path of the current page. However, the default breadcrumb style of the system may not meet our needs. How can we modify it to meet our needs? This requires some modification and customization.
Bread crumbs call
In PbootCMS, breadcrumb navigation is called as follows:
{pboot:position}
Through this tag, the system will automatically generate the breadcrumb navigation of the current page.
Custom Parameters
If we need to customize relevant bread crumb parameters, we can use the corresponding variables below to adjust them.
- Separator: separator, not required, default is?>>
- Separatoricon: split icon, not required, such as icon font: separatoricon='fa fa angle double right '
- Indextext: the text on the first page, which is not required. The default value is "0" Home Page
- Indexicon: icon on the home page, which is not required. If icon font is used, indexicon='fa fa home '
The font icon here refers to the font icon of fontawesome. If you are not clear, you can view the icon details on Baidu.
modify style
Two common style modifications are customizing the separator and modifying the first page text. We can achieve this through the following code:
custom delimiter
{pboot:position separator=/}
The above code changes the delimiter to/.
Modify the first page text
{pboot:position indextext=Home}
The above code changes the home page text to Home.
In addition to the above two cases, we can also try to customize other parameters to meet specific needs. Through these operations, we can make breadcrumb navigation more consistent with the website style and design requirements.