面包屑导航能帮助用户了解当前页面在网站结构中的位置,提升用户体验和SEO效果。在帝国CMS中实现面包屑导航并不复杂,只需利用系统内置的灵动标签或预定义函数即可完成。

使用灵动标签制作面包屑导航

帝国CMS提供了强大的灵动标签功能,可以通过[e:loop]或系统变量来手动构建层级路径。

在模板中(如封面页、内容页)插入以下代码:

https://www.php.cn/link/f1b967e673681c3b9cdbc9c568949344首页 > [/e:loop]

说明:https://www.php.cn/link/f1b967e673681c3b9cdbc9c568949344 是站点根地址变量,“首页”链接是面包屑的起点。接着根据栏目层级追加当前位置。

更实用的方式是使用$class_r数组获取栏目信息,结合PHP逻辑输出层级:

首页'; $temp = ''; $cid = $classid; while ($cid != 0) { if ($class_r[$cid]['bclassid'] == 0) { $temp = ''.$class_r[$cid]['classname'].' > '.$temp; break; } else { $temp = ''.$class_r[$cid]['classname'].' > '.$temp; $cid = $class_r[$cid]['bclassid']; } } echo $crumbs . ' > ' . $temp; } showBreadCrumb($GLOBALS['navclassid']); ?>

将上述PHP代码放入需要显示面包屑的位置(如header区域),即可动态生成从首页到当前栏目的路径。

在内容页直接调用系统变量

如果你希望更简洁地实现,可在内容模板中使用帝国CMS自带的导航条变量:

[!---newsnav--]

这个变量会自动输出以“首页 > 一级栏目 > 二级栏目 > 当前标题”格式的导航,无需额外编码,适合大多数标准结构站点。

注意:[!---newsnav--] 的样式由后台“模板” → “公共模板变量” → “默认导航条”控制。可进入修改其HTML结构和分隔符。

自定义样式与SEO优化

面包屑不仅用于导航,也有利于搜索引擎理解站点结构。建议为面包屑添加适当的CSS类名以便美化:

[!---newsnav--]

然后在CSS中定义 .breadcrumb 的样式,比如字体大小、颜色、分隔符间距等。