DedeCMS自定义面包屑导航修改实操指南 新手零门槛直接落地

一、修改前准备工作

你需要通过FTP工具或者主机控制面板的文件管理器，进入你的DedeCMS网站根目录，确认你当前使用的模板路径：网站根目录/templets/你的模板文件夹/，DedeCMS默认模板文件夹为default，可在后台「系统→系统基本参数→模板默认风格」处确认当前模板名称。

你需要修改所有需要显示面包屑的页面模板，包括：首页模板(index.htm)、列表页模板(list_.htm)、内容页模板(article_.htm)、独立页面模板(index_default.htm)。

二、两种可直接落地的修改方案

以下两种方案分别适配不同需求，新手推荐直接用方案二，无需修改核心系统文件，出错可快速还原。

方案1：修改默认面包屑输出规则

如果你已经在模板中调用了默认的{dede:field name='position'/}标签，只想修改分隔符、格式等内容，可以直接修改系统核心函数：

• 打开路径：网站根目录/include/arc.archive.class.php
• 搜索关键词function GetPosition，找到默认的函数代码，替换为以下完整可运行代码：

``` function GetPosition($id,$sitepath=FALSE){ $this->dsql->SetQuery("Select id,typename,typedir,isdefault,defaultpart,sitepath From `@__arctype` where id='$id' "); $ds = $this->dsql->GetReader(); $positions = array(); while($row = $this->dsql->GetArray($ds)){ if(!$sitepath && $row['isdefault'] == 1 && $row['defaultpart'] != '') continue; $turl = GetTypeUrl($row['id'],$row['typedir'],$row['isdefault'],$row['defaultpart'],$row['sitepath']); $positions[] = "{$row['typename']}"; } $this->dsql->FreeResult($ds); krsort($positions); $positionStr = "{$GLOBALS['cfg_indexname']} > ".implode(" > ",$positions); return $positionStr; } ```

你可以直接修改代码中的分隔符，把代码里的>替换成你想要的分隔符，比如换成/即可实现斜杠分隔。

方案2：自定义面包屑代码（推荐新手使用）

这个方案完全在模板中修改，不改动系统核心文件，支持自定义当前页高亮、删除无用层级、调整样式，出错直接还原原有代码即可恢复。

• 打开需要修改的模板文件，删除原有的默认面包屑调用代码{dede:field name='position'/}
• 在需要显示面包屑的位置，粘贴以下完整代码：

``` ```

如果你的网站是单层级栏目，可以删除中间的层级输出代码块，调整为更简洁的结构；如果要修改分隔符，直接修改代码中所有的>即可。

三、添加适配的CSS样式

添加完HTML结构后，需要搭配样式才能正常显示，打开你模板的CSS文件（一般路径为templets/你的模板/css/style.css），在文件末尾添加以下样式代码，可直接使用，也可根据你的网站风格调整参数：

``` / DedeCMS面包屑导航默认样式 / .breadcrumb { padding: 12px 16px; margin-bottom: 20px; font-size: 14px; color: 666666; background-color: f8f8f8; border-radius: 4px; } .breadcrumb a { color: 333333; text-decoration: none; transition: color 0.3s; } .breadcrumb a:hover { color: 165DFF; } .breadcrumb em { display: inline-block; margin: 0 6px; color: cccccc; font-style: normal; } .breadcrumb strong { color: 999999; font-weight: normal; } ```

如果你需要调整宽度、间距、颜色，直接修改对应CSS属性的值即可，比如把background-color: f8f8f8;改成白色就可以去掉背景。

四、修改完必做操作与常见问题排查

1. 修改完必须更新缓存

DedeCMS默认开启页面缓存，改完代码后必须进入网站后台，依次点击生成→更新系统缓存→确定，然后再点击一键更新网站→更新所有→开始更新，否则修改不会生效，这是新手最容易遗漏的步骤。

2. 修改后不显示的常见原因

• 修改了错误的模板文件：你当前在用的模板和你修改的模板文件夹不一致，去后台「系统→系统基本参数→模板默认风格」确认正确的模板文件夹名称，再修改对应文件。
• 代码括号不闭合：粘贴代码时不要漏了末尾的大括号，仔细检查DedeCMS标签的大括号是否完整。
• 权限问题：如果是Linux主机，确认模板文件的权限为可写，一般设置为644即可。

整个修改过程没有复杂操作，按照步骤操作即可完成，方案2即使操作出错，只需要把原来的默认{dede:field name='position'/}放回去，重新更新缓存即可恢复默认效果，零风险。