不会改PHPCMS模板导航栏？踩过坑的我陪你唠明白搞起来！

哈喽各位搞站搞到秃头的兄弟姐妹们！我是去年为了凑工作室官网的“老板点名要的‘国际范+接地气土特产味’混搭导航栏”，差点把PHPCMS的源码文件夹给踩烂的“老韭菜站长阿强”——踩过的坑连起来能绕我们家楼下的早餐油条摊三圈还剩半根。

今天咱们就专门唠唠这件事：PHPCMS模板导航栏修改！再强调一遍哈——PHPCMS模板导航栏修改！不是瞎改数据库哈，是从咱们每天摸鱼逛的前台导航栏入手，像给咱们自己换发型一样，想留寸头寸头，想留脏辫脏辫，老板要加的“本地特产采购专区”也能无缝插，完全不用看技术部的冷脸子！

第一步：先把你的PHPCMS模板“家底”摸清楚——别瞎剪错头发根子

很多新手小白上来就对着根目录里的一堆文件夹瞎戳，像钻进了早餐摊的后厨冷库找豆浆吸管——找不到就算了，还容易把冻油条碰掉渣（就是把不该改的文件改坏了）。

听我的，PHPCMS的模板“家底”全藏在根目录下的 templates 文件夹里！你现在用的前台模板，默认是 default 文件夹，如果你之前花过5块10块淘宝买过“山寨国际范模板”，那就是你自己重命名的那个文件夹，比如叫 guojifan_localtechan 啥的，找最近一次用过的就行！

找到文件夹之后，导航栏的头发根子——也就是核心模板文件在哪呢？别慌，阿强给你列个绝对靠谱的寻宝清单（土味清单）：

• PC端整站通用的导航栏头发丝：一般在 templates/你用的模板名/header.html 里（header就相当于咱们人的脑袋瓜子顶门帘刘海加后脑勺碎发导航位）
• 手机端单独搞的小寸头导航：如果模板有适配，就在 templates/你用的模板名/mobile/header.html 或者带 wap 字样的header里
• 个别栏目单独加的“特产专区专属侧刘海”：这种概率小，但也别漏，就在 templates/你用的模板名/content/栏目名专用header.html 或者类似的子文件夹header里

记住！摸家底摸清楚了才敢下手，要是碰错了别的文件，比如把footer.html（脚底板导航）给剪了，你的访客连“联系我们”“返回顶部”都找不到，直接骂你是“黑早餐摊老板跑了没留联系方式”！

第二步：开始给导航栏“剪头发”“换造型”——新手小白直接套阿强的“土味理发公式”

阿强知道，很多人一看到代码块里的一堆尖括号、大括号、冒号分号，就像看到早餐摊老板写的“油条配咖啡要加3块服务费”的小黑板——头疼！别怕别怕，今天阿强用“给人剪头发分层次”的土味隐喻，把PHPCMS模板导航栏修改拆解成三个小步骤，保证你看完就能上手！

土味理发公式第一步：找到要换的“旧头发丝”（原有的导航代码）

打开你摸清楚的那个header.html文件，不管你用记事本还是VS Code（推荐后者，带颜色区分，像早餐摊的彩色油条一样好认），先找带 nav 或者 menu 字样的代码块——这俩词就是“导航栏”的英文小外号，相当于咱们人脑袋瓜子的“顶门帘专用区”和“后脑勺碎发专用区”！

给你们看一段PHPCMS默认header.html里的“旧头发丝”（导航代码），差不多长这样：

```html ```

看不懂没关系！土味翻译一下这段代码：这段代码就是让PHPCMS系统“自动从后台数据库里，把所有一级栏目按后台排的顺序（listorder ASC就是升序，从0开始数，数越小越靠前，相当于早餐摊老板把最贵的进口黄油蛋糕放在最显眼的顶门帘位置），揪10根出来插在顶门帘导航区”！

土味理发公式第二步：按自己的要求“剪旧头发丝”“插新头发丝”

现在到了咱们最爽的环节——老板要加啥加啥，自己想删啥删啥！阿强给你们举几个工作室遇到过的、最常见的PHPCMS模板导航栏修改需求，直接套：

需求1：老板说“把‘本地有机苹果专区’插在‘首页’和‘新闻资讯’中间！”

这个简单！相当于咱们给刘海留了个小缝隙插个彩色发夹！

你要先确认一下，“本地有机苹果专区”在后台有没有建好——如果没建好，先去后台“内容”→“管理栏目”里建一个，建好之后记住它的栏目ID（catid），比如是12！

找到刚才那段代码里的

首页

后面，直接插一段咱们自己写的彩色发夹代码：

```html

{$CATEGORYS[12][catname]}

```

土味翻译一下这段新代码：这段代码就是“直接从后台栏目缓存里（比从数据库里揪快一倍，相当于从早餐摊老板的展示柜里直接拿现成的发夹），把栏目ID是12的那个专区的链接和名字，插在首页后面”！插好之后记得保存文件！

需求2：老板说“‘公司公告’没用，删了！只留8根导航头发丝！”

这个也简单！相当于咱们把多余的碎发给剪了！

如果“公司公告”是自动揪的，那你有两种方法：

• 方法一（笨办法但稳）：去后台“内容”→“管理栏目”里把“公司公告”的listorder改得比9大（因为默认揪10根，改大了就揪不到了，相当于把碎发藏到帽子里）
• 方法二（快办法但要小心）：直接找到那段自动揪头发的代码里的 num="10"，改成 num="7"（因为首页是单独插的，7+1=8，刚好符合老板的要求，相当于直接规定理发师只能剪8根头发丝）

如果“公司公告”是你之前手动插的，那就直接把那一行尖括号大括号全删了，像剪碎发一样干脆利落！

需求3：老板说“‘联系我们’要单独插在顶门帘最右边，还要加粗加红！”

这个就稍微高级一点了！相当于咱们给最右边的头发丝烫个卷发染个红！

在自动揪头发的代码块后面插一段手动的“联系我们”代码：

```html

联系我们

```

找到同文件夹或者模板 css 子文件夹里的 style.css 文件（这是咱们的“染发剂烫发剂”），在最后面加一段CSS代码：

```css .red-bold-contact a { color: ff0000; / 红色，相当于老板要的红辣椒面染色剂 / font-weight: bold; / 加粗，相当于老板要的炸油条蓬松烫发剂 / } ```

保存之后，刷新前台，你就会看到最右边的“联系我们”烫了卷发染了红，显眼得像早餐摊门口挂的红灯笼！

第三步：“吹头发定型”——保存刷新检查，有问题找阿强的“土味急救包”

很多人改完之后就直接不管了，结果第二天访客说“导航栏炸了！全是乱码！”——这就是没吹头发定型，碎发全翘起来了！

阿强的土味急救包（踩过坑总结出来的）送给你们：

• 急救包1：尖括号大括号有没有闭合？相当于头发丝有没有剪整齐，别留个小尾巴！
• 急救包2：中文的引号、逗号、分号有没有改成英文的？相当于染发剂烫发剂有没有用对牌子，别用成酱油醋了！
• 急救包3：栏目ID有没有写错？相当于彩色发夹有没有插对位置，别插鼻孔里了！
• 急救包4：改完之后有没有更新全站缓存？后台“扩展”→“更新缓存”，一键全部更新，相当于给头发喷上定型喷雾！

以上三步全做完，你的PHPCMS模板导航栏修改就成功啦！不管是老板要的“国际范+土特产味”混搭，还是你自己想搞的“二次元宅文化专区”，都能轻松搞定！

最后阿强再说一句土味正能量：“改导航栏不可怕，踩坑多了成专家！”只要咱们多动手多尝试，早晚能把自己的网站搞成“全网最火的土特产+国际范混搭早餐摊”——哦不对，是搞成“全网最火的个性化网站”！加油兄弟姐妹们！