# 易优cms模板如何制作 *Published:* 2023-10-28 *Author:* 客服001 #### 温馨提醒 如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢 本文最后更新于2023年10月28日，已超过 180天没有更新 在制作模板之前，你还需要先了解Eyoucms特有的目录结构，按规则放置网页文件、CSS文件、JS文件，这样程序才能够顺利读取到模板文件。 打开Eyoucms网站根目录，模板都放在根目录下的template文件夹里面 [![](https://www.xarjtc.com/wp-content/uploads/2023/10/auto_10005.png)](https://www.xarjtc.com/wp-content/uploads/2023/10/auto_10005.png) 打开template文件夹可以看到多个子文件夹，pc表示电脑端模板，mobile表示移动端模板，如果无mobile目录，则电脑和移动端均引用PC目录模板。 [![](https://www.xarjtc.com/wp-content/uploads/2023/10/auto_10006.png)](https://www.xarjtc.com/wp-content/uploads/2023/10/auto_10006.png) 如果你是一个在eyoucms官网直接下载的免费安装系统，那么系统里面将默认只有一个pc目录，该模板属于响应式模板，所以电脑和移动端均用PC目录模板 接下来我们需要了解模板文件夹里面的文件结构 [![](https://www.xarjtc.com/wp-content/uploads/2023/10/auto_10007.png)](https://www.xarjtc.com/wp-content/uploads/2023/10/auto_10007.png) 到这里，我们需要认识一下文件结构 名称类型说明skin文件夹存放css，js文件footer.htm文件共用底部文件，里面编写底部信息等，所有的页面一般都会调用。header.htm文件共用头部文件，里面编写网站LOGO、导航等，所有的页面都会调用。index.htm文件首页文件，里面编写首页内容部分的代码，引用了头部和底部文件。lists\_article.htm文件文章模块列表页面lists\_article\_text.htm文件文章模块自定义列表页面，\_text表示基于默认列表模板自定义出新的列表模板，保持lists\_article不变即可在后台列表栏目里切换引用。lists\_download.htm文件下载模块列表页面lists\_guestbook.htm文件留言模块列表页面lists\_guestbook\_30.htm文件留言模块自定义列表页面。命名里的30可以是任意的字母或数字，均关联留言模块列表里。lists\_images.htm文件图集模块列表页面lists\_product.htm文件产品模块列表页面lists\_search.htm文件搜索结果列表页面lists\_single.htm文件单页模块频道页面lists\_tags.htm文件tag标签列表模板页面uiset.txt文件如果是易优可视化模板制作，请将此文件放在模板目录下，比如：pc 、mobileview\_article.htm文件文章模块详情页面view\_download.htm文件下载模块详情页面view\_images.htm文件图集模块详情页面view\_product.htm文件产品模块详情页面按照上面表格中的文件说明，需要写什么地方，就在对应模板文件里修改，或者自己按规则新建新的模板页亦可。 如果需要新建自定义模板让对应的栏目关联上可以这样命名： 比如lists\_article\_xxx.htm （xxx为自己定义的模板名称，可以随便写） 保持“lists\_article\_”不变则可以关联给列表栏目页，可以在后台编辑栏目时选择，如下图case及fuwu为我们新增的： [![](https://www.xarjtc.com/wp-content/uploads/2023/10/auto_10008.png)](https://www.xarjtc.com/wp-content/uploads/2023/10/auto_10008.png) 小提示：放心修改，程序升级并不会覆盖用户的前台模板及后台数据。