DedeCMS面包屑标签调用？看这篇就能直接上手

你有没有过这种扎心时刻？ 新改的企业站上线一周，后台访客跳失率飙升 打开后台看热评关键词，全是“找不到XX产品分类” 问了懂行的朋友，说大概率缺个好用的面包屑导航 但DedeCMS的代码标签你又摸不清 翻了一堆教程，要么全是黑话，要么就是版本太老没用 今天这篇，我用10年做站的经验 把DedeCMS面包屑调用拆成3步，全是大白话 不管你是刚碰Dede的新手，还是只会用模板的小白 看完就能直接复制粘贴改，还能避90%的坑 1. 先搞懂：面包屑导航到底有啥用？ 别跳过这步，懂原理才不会瞎改标签 1.1 给用户看的：路痴救星 举个例子，你逛淘宝买螺蛳粉 点进来是“美食速食”→“方便食品”→“螺蛳粉”→“XX品牌加臭款” 这一串就是面包屑 点错分类或者想往上跳，不用反复点返回键 直接戳前面的分类就行 1.2 给搜索引擎看的：免费涨收录 搜索引擎爬虫爬站的时候 面包屑相当于给它画了一张“站内地毯地图” 能更快摸清你网站的结构 收录的页面会更多更准 运气好还能在百度搜索结果里 直接显示你的面包屑路径 2. 上手最快的：用Dede自带的基础标签 自带标签最稳，不会因为版本更新失效 2.1 先找到你要改的模板文件 打开你Dede后台的“模板”→“默认模板管理” 面包屑一般放在这3个地方 - 首页：一般不用加，首页就是起点 - 列表页：list_article.htm或者list_你的模型ID.htm - 内容页：article_article.htm或者article_你的模型ID.htm 找到文件后，点右边的“修改”按钮 2.2 复制粘贴这段代码就搞定 找到模板里靠近顶部（一般在logo下面、文章标题上面）的空白位置 把这段代码直接贴进去就行 ``` ``` 2.3 避坑提醒：别乱改field='position'的引号 很多新手会不小心把单引号改成双引号 或者漏加引号 改完一刷新，要么页面白屏，要么面包屑不显示 记得单双引号要配套用，自带的就别碰引号 3. 想自定义？这2个进阶标签足够用 自带的position标签有时候太死板 比如想去掉“主页”两个字 或者想把箭头换成别的符号 进阶标签就能帮你搞定 3.1 去掉“主页”两个字的方法 有些企业站或者个人站 不想让面包屑开头显示“主页” 那就别用position标签 用下面这段替换 ``` ``` 3.2 把默认的>（大于号）换成别的符号 自带的position标签默认用>当分隔符 看着有点丑 想换成“→”“/”“|”都可以 还是用自带的position标签，但加个参数 比如想换成“→”，就把代码改成这样 ``` ``` 想换成“/”，就把引号里的“→”改成“/” 3.3 避坑提醒：进阶标签要注意模型适配 刚才的进阶标签 是给默认的“文章模型”用的 如果你用的是“产品模型”“图片模型” 记得把list_和article_后面的article 换成对应的模型ID 比如产品模型一般是product 图片模型一般是image 4. 最后一步：给面包屑加个简单的样式 加完代码，面包屑的内容有了 但挤在一起太难看 给它加个简单的CSS样式就完美 4.1 找到模板的CSS文件 还是打开“模板”→“默认模板管理” 找名字带style或者css的文件 一般是style.css或者templets/style/dedecms.css 找到后点右边的“修改” 4.2 把这段CSS贴到文件最下面 ``` .breadcrumb { padding: 10px 15px; margin: 10px 0; background-color: f5f5f5; border-radius: 4px; font-size: 14px; color: 666; } .breadcrumb a { color: 337ab7; text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; } ``` 这段CSS很简单 就是给面包屑加了个浅灰色的背景 加了点间距 链接是蓝色的，鼠标放上去会有下划线 你可以根据自己网站的风格 改改颜色、字体大小这些 现在你知道怎么调用DedeCMS的面包屑了吧？ 别急着关掉，先去自己的站试试 就用自带的position标签，最快5分钟就能搞定 改完记得去后台“生成”→“一键更新网站” 不然访客看不到哦 要是碰到问题，随时在评论区留个言 我看到了会一一回复