崩崩乐退退退！迅睿CMS模板代码修改靠谱小妙招

开头先唠唠：我是怎么被迅睿CMS搞到怀疑人生的

前阵子接了个朋友的咖啡店外卖小程序改模板的活儿，朋友拍胸脯说“我用的迅睿CMS，网上教程老鼻子了，随便改俩按钮换个配色就行，钱少活不累够你喝俩月冰美式！”结果朋友们，俩月冰美式差点变成俩月泡面汤——第一天我就把迅睿CMS模板代码修改改得小程序首页像刚被炸过的面包店，面包屑满天飞（哦不对是元素错位！菜单卡导航栏下面，联系方式跑到最上面挡logo，支付按钮直接隐身成“幽灵面包”！朋友哭丧着脸给我发语音说：“你别是把咖啡换成鹤顶红了吧？我刚上线5分钟退了3单！”

后来我蹲了3天迅睿官方论坛，扒了200多篇加加精的帖子，删改了不下100次代码，喝了朋友“赎罪式”送的8杯热美式，终于把迅睿CMS模板代码修改这点事儿摸得门儿清！现在别说改按钮换配色，就是给咖啡店小程序加个“今日运势抽优惠券”的小插件，我都能在1小时内搞定，再也不会把小程序搞成“崩崩乐”！今天这篇就是掏心窝子的迅睿CMS模板代码修改踩坑+入门干货，土味buff叠满，技术细节拉满，放心看，看完你也能当半个迅睿CMS小能手！

第一步：别上来就扒代码根！先给迅睿CMS做个“全身检查”

必查项1：你的模板是“原生毛坯房”还是“精装二手房”？

刚接触迅睿CMS模板代码修改的新手最容易犯的错误，就是不管三七二十一直接扒后台的公共文件改！朋友们，这就像给别人刚装修好的二手房砸墙——你砸错承重墙（也就是迅睿CMS的核心文件），不仅原来的“装修”（功能）保不住，连“地基”（系统）都可能塌！

过来人给你个过来人专属安全提示：先去后台的「模板管理」-「模板列表」看看你的模板——如果有个「默认模板」在最上面，旁边还标着「系统模板」，那这个就是“不能碰的承重墙毛坯”！正确的做法是先复制一份默认模板，给它起个你自己的名字（比如“XX咖啡店专属装修版”），然后把这份复制的模板设为「默认使用模板」！以后所有的迅睿CMS模板代码修改，都只在这份“专属毛坯”上动土！

万一你手滑改坏了系统模板怎么办？别慌别慌，迅睿官方论坛有“急救包”（也就是最新版的默认模板压缩包），下载下来重新上传覆盖就行！土味正能量提醒您：留好备份，装修不慌！备份在手，天下我有！

必查项2：你的迅睿CMS是“单身贵族”（单语言）还是“二胎家庭”（多语言）？

别笑别笑，这个真的很重要！很多新手做迅睿CMS模板代码修改的时候，只改了中文模板，结果切换到英文的时候发现全是“乱码面包屑”！

过来人再给你个过来人专属语言提示：去后台的「站点设置」-「语言设置」看看——如果只有简体中文一种语言，那你可以放心大胆改复制后的模板；如果有两种及以上的语言，那你复制模板的时候记得把对应的语言文件夹也复制一份！比如复制“default”模板的时候，要把“default_en”（英文）、“default_zh-Hant”（繁体中文）这些文件夹也复制成“xxshop”、“xxshop_en”、“xxshop_zh-Hant”，然后在「模板管理」-「语言模板绑定」里给每个语言绑定对应的复制模板！

土味正能量再提醒您：多孩家庭一碗水端平，多语言模板一个模板一套改！

第二步：开始“装修”啦！教你3个零门槛的迅睿CMS模板代码修改小技巧

技巧1：换“墙纸”——也就是换网站/小程序的配色，一秒get氛围感！

配色是氛围感的灵魂！给你的迅睿CMS网站/小程序换个配色，就像给咖啡店换个墙纸——原来的冷灰色调太像办公室，换成奶咖色、暖橙色，瞬间就有咖啡香了！

那迅睿CMS模板代码修改里的配色文件藏在哪里呢？一般来说，都在复制后的模板文件夹里的「css」文件夹下面，文件名叫「style.css」或者「main.css」！

怎么改呢？零门槛的方法来了：别去搜什么“奶咖色的十六进制代码是多少”！直接用微信截图快捷键（Alt+A）或者QQ截图快捷键（Ctrl+Alt+A），找一张你喜欢的奶咖色或者暖橙色的图片，截图的时候会自动显示颜色的十六进制代码！比如暖橙色的十六进制代码是FF9933，奶咖色的十六进制代码是D2B48C！

然后打开「style.css」文件，用Ctrl+F快捷键搜索你原来的主色调代码（比如原来的主色调是333333），把所有的333333替换成FF9933就行！

重点操作项（敲黑板敲黑板）：别一次性替换所有代码！先搜「header」（导航栏背景）、「footer」（底部背景）、「button」（按钮背景）这几个关键词，先替换这几个地方的主色调，看看效果！效果没问题再替换其他地方的！

给你们看个真实案例：朋友原来的咖啡店小程序主色调是冷灰色666666，我把导航栏、底部、支付按钮的主色调换成了暖橙色FF9933，菜单卡片的边框换成了奶咖色D2B48C，朋友第二天就说订单涨了20%！

土味正能量三连击：配色换得好，顾客来得早！配色暖融融，钱包鼓咚咚！配色有特色，生意火到爆！

技巧2：装“挂钩”——也就是给网站/小程序加个新的模块位，放你想放的内容！

模块位是什么？模块位就是迅睿CMS给你预留的“挂钩”——你可以把你想放的内容（比如新品推荐、今日运势抽优惠券、老板的碎碎念）做成模块，然后挂在这个“挂钩”上！

那迅睿CMS模板代码修改里怎么加新的模块位呢？其实超级简单！过来人给你举个例子：比如你想在复制后的咖啡店小程序的首页导航栏下面加个“今日运势抽优惠券”的模块位，你就可以打开复制后的模板文件夹里的「index.html」文件，在导航栏下面的位置加一行代码：

``` {module name="今日运势抽优惠券" id="draw"} ```

重点操作项（再次敲黑板）：name后面的引号里的内容是你模块的名字，id后面的引号里的内容是你模块的唯一标识符，这个标识符不能和其他模块位的重复！

加完这行代码之后，去后台的「模块管理」-「模块列表」，创建一个叫“今日运势抽优惠券”的模块（创建模块的方法迅睿官方论坛有免费的加加精教程，新手一看就会！），然后去「模块管理」-「模块部署」，把这个模块部署到刚才加的id为“draw”的模块位上就行！

土味正能量提醒您：挂钩挂得好，内容随便搞！内容搞得好，顾客互动高！

技巧3：改“开关”——也就是给网站/小程序的某个功能加个开关，想关就关想开就开！

功能开关是什么？功能开关就是迅睿CMS给你预留的“电灯开关”——你想让某个功能（比如外卖备注里的“不要香菜”选项）亮起来（开起来），就按一下；想让它暗下去（关起来），就再按一下！

那迅睿CMS模板代码修改里怎么加新的功能开关呢？其实也超级简单！过来人再给你举个例子：比如你想给复制后的咖啡店小程序的外卖备注加个“不要香菜”、“不要葱花”、“不要辣椒”的多选开关，你就可以先去后台的「内容设置」-「字段管理」，在外卖订单的字段组里加一个叫“备注选项”的多选字段（加字段的方法迅睿官方论坛也有免费的加加精教程！），然后打开复制后的模板文件夹里的「order.html」文件，在备注输入框下面的位置加一行代码：

``` {field name="note_options"} ```

重点操作项（第三次敲黑板）：name后面的引号里的内容是你刚才加的多选字段的唯一标识符，不能写错！

加完这行代码之后，去后台的「内容设置」-「字段设置」，可以给这个多选字段设置默认值、必填项等等，超级灵活！

土味正能量最后提醒您：开关加得好，顾客麻烦少！麻烦少了好，口碑自然高！

结尾再唠唠：新手做迅睿CMS模板代码修改的3个大忌

• 大忌1：手滑改系统核心文件！这个刚才已经说过无数遍了，重要的事情说三遍：别改系统核心文件！别改系统核心文件！别改系统核心文件！
• 大忌2：不留备份就开始改！留备份！留备份！留备份！备份在手，天下我有！
• 大忌3：遇到问题就放弃！遇到问题怎么办？别慌别慌，去迅睿官方论坛搜搜，200多篇加加精的帖子总有一篇能帮到你！实在搜不到，可以给我留言，我看到了一定会回复你！

好啦，今天这篇掏心窝子的迅睿CMS模板代码修改踩坑+入门干货就到这里啦！希望这篇文章能帮到正在被迅睿CMS搞到怀疑人生的你！土味正能量终极一击：加油加油加油！你一定能把迅睿CMS模板代码修改做得超级棒！