你是不是经常看着别人家的网站模板流口水？明明下载了十几种模板安装包，但总感觉跟自己的内容不搭调？或者你压根不想用现成模板，就想亲手捏出完全符合心意的网站界面？别慌，今天咱们就来手把手拆解这个事——哪怕你连html标签都认不全，跟着走也能整出个像模像样的模板。
先泼盆冷水清醒下：建模板这事就像拼乐高，得先摸清楚零件在哪。首先确认你的phpcms装在服务器上了对吧？别笑，真有小伙伴在本地装好系统就急着改模板，结果发现根本同步不了。然后掏出你的记事本或者专业点的编辑器，推荐用VSCode这种能自动补全代码的，效率直接翻倍。
准备工作得备齐三样东西：后台权限账号、FTP工具（推荐FileZilla）、还有最重要的——耐心。上周有个网友跟我说，他照着教程改header部分，结果整个网站打不开，最后发现是少了个闭合的div标签。所以咱们第一步先找到模板存放的位置，一般在根目录下的templates文件夹里，里面按模块分好的那些文件夹就是现成模板，咱们要新建自己的文件夹，名字随便起但别用中文。
现在你肯定要问：新建文件夹就完事了？当然不是！关键是要让系统识别这是个正经模板。得在文件夹里放三个必备文件：index.html（首页模板）、category.html（栏目页模板）、show.html（内容页模板）。这里有个坑要注意，很多新手直接复制默认模板过来改，结果改完发现样式全乱，其实是忘记同步css文件。正确做法是先在public/css下新建个样式文件夹，把默认的style.css拷贝过来改名字。
说到样式表，这里得敲黑板了。见过太多人直接在模板里写内联样式，结果维护起来要命。咱们得学会用外部CSS文件，在模板头部用link标签引入。比如说你在header区域加了个炫酷的导航栏，对应的css选择器命名要有规律，比如”.nav-main”或者”#sidebar-menu”，千万别用”style1″、”aaa”这种过两天自己都看不懂的名字。
这时候你可能抓狂了：代码到底怎么写啊？别急，教个偷懒的办法。打开默认模板的index.html，把整个结构复制到你的新模板里，然后像玩刮刮乐一样，把不需要的模块慢慢删掉。比如默认模板可能有四块区域，你先保留header和footer，中间内容区先清空。记得每次修改前用FTP工具下载备份，我有次手滑删了闭合标签，整个首页变成代码瀑布，差点被老板追杀。
接下来是重头戏——绑定模板。在后台的内容管理里找到”模板风格”，把你新建的模板目录名填进去。这时候有个隐藏技巧：同时修改config目录下的database.php文件，找到’template’配置项，确保和你新建的文件夹名一致。遇到过有人死活不显示新模板，折腾两天发现是缓存问题，这时候要同时清空runtime缓存文件夹。
说到这儿肯定有人要问：怎么把设计稿变成模板文件？告诉你个秘密，先用PS把设计图切成片，导出成图片放img文件夹，然后在html里用相对路径调用。比如你的logo图片放在public/images/logo.png，在模板里就要写成”/public/images/logo.png”。这里常见错误是路径写错，导致页面出现破图，记得检查三遍路径是否正确。
最后说个血泪教训：改模板千万别在后台直接编辑！有次我在后台改了个footer信息，结果系统自动覆盖了我的本地文件，三天的工作成果全泡汤。正确做法是本地改好通过FTP上传覆盖，再用后台的”更新缓存”功能刷新。对了，改完记得用不同浏览器测试，chrome和firefox显示效果可能有微妙差别。
小编最近帮人改模板时发现个神奇现象：明明所有标签都闭合了，页面还是显示错乱。后来用W3C校验工具一查，原来是嵌套顺序搞反了，把
免责声明：网所有文字、图片、视频、音频等资料均来自互联网，不代表本站赞同其观点，内容仅提供用户参考，若因此产生任何纠纷，本站概不负责，如有侵权联系本站删除！邮箱:207985384@qq.com https://www.ainiseo.com/hosting/40701.html
