去年帮朋友改一个烘焙工作室的网站官网，她花三千块买的模板模板，后台编辑器里改文字挺顺，代码结果想调一下产品图排列方式，网站翻遍设置面板找不到对应选项。模板最后我在CSS文件里找到那段控制图片间距的代码代码，注释写着“do not modify”。网站她问我什么意思，模板我说意思就是代码你花钱买了个精装修的房子，但承重墙不让你碰。网站

这就是模板网站模板代码的真相。你拿到手的代码不是一堆可以随意拼装的乐高，而是网站一套已经浇筑好的混凝土框架。HTML搭出结构，模板CSS刷上颜色和位置，代码JavaScript负责交互——这三样东西被模板作者按自己的理解焊死在一起。你能换墙纸、换家具，但想把客厅和卧室对调？得先读懂人家当初怎么想的。

我见过最夸张的一个模板，首页轮播图的切换速度写死在JS文件第147行，setInterval(slideChange, 3000)。客户嫌太快想改成五秒，后台翻遍了没这个选项。最后只能改代码。改完发现手机端又出问题——原来那个3000毫秒是跟CSS动画时长绑定的，牵一发动全身。模板作者省事，把参数散落在三个文件里，你动一个，另外两个就跟你闹别扭。

但话说回来，模板代码也不是一无是处。对刚起步的小生意，花几百块买个现成的，总比花几千块找人从零写要划算。问题在于你得知道自己买的是什么。你买的是“能跑起来的样子”，不是“能随便改的系统”。很多模板宣传语写“高度可定制”，那个“高度”通常指换Logo、改导航文字、调主题色。再往下走，每一寸都标着隐形价格。

有个做独立博客的朋友，偏不信这个邪。他买了个极简模板，然后花两周时间把里面的Bootstrap栅格系统全拆了，换成CSS Grid。改完跟我说，现在舒服了，想怎么排怎么排。代价是原来模板自带的响应式断点全废了，手机端他自己重写了三套媒体查询。我说你这两周时间要是拿来写文章，能写二十篇。他想了想说，但改代码让我快乐。行吧，这理由我认。

所以看模板代码，得带着点考古学家的心态。那些<div class="row">和<div class="col-md-6">是作者留下的地层标记，告诉你他习惯用十二列栅格。那些!important是他在跟某个样式打架时留下的伤疤。你顺着读下去，能拼出他当时赶工期的样子——有些地方写得潦草，有些地方又莫名精致，像极了我们每个人交活前的状态。

真要给建议，就一句：买模板之前，先看它文档里有没有“自定义字段”的说明。如果通篇只教你改文字换图片，那这模板就是个铁皮盒子，你只能往上面贴贴纸。如果它告诉你哪里改布局参数、哪里调动画曲线，那才算给了你把螺丝刀。至于要不要拆承重墙，看你自己的时间和脾气。反正我那个烘焙工作室的朋友，最后没改图片排列，她换了个模板。三千块打了水漂，但她说新模板的代码注释里没写“do not modify”，看着顺眼多了。