- 模板制作
- 关闭当前
- 关闭其它
- 关闭全部
系统环境的搭建,请点击链接查看。
系统环境搭建好了，好的工具有利于你快速修改和制作模板。
一、浏览器
二、编辑器
三、熟悉模板制作标签(当然，如果你只是对已有的模板做单纯的修改，比如：颜色修改、结构修改等。那么不熟悉模板标签也没关系。)
eyoucms-CSS-js-" style="margin: 1em 0px 16px; padding: 0px; font-family: "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif; font-weight: 500; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 1em; white-space: normal; background-color: rgb(255, 255, 255); overflow-wrap: break-word; line-height: 1.4; color: rgb(119, 119, 119); box-sizing: border-box; text-shadow: none; position: relative;">在制作模板之前，你还需要先了解Eyoucms特有的目录结构，按规则放置网页文件、CSS文件、JS文件，这样程序才能够顺利读取到模板文件。
打开Eyoucms网站根目录，模板都放在根目录下的template文件夹里面
打开template文件夹可以看到多个子文件夹，pc表示电脑端模板，mobile表示移动端模板，如果无mobile目录，则电脑和移动端均引用PC目录模板。
如果你是一个在eyoucms官网直接下载的免费安装系统，那么系统里面将默认只有一个pc目录，该模板属于响应式模板，所以电脑和移动端均用PC目录模板
接下来我们需要了解模板文件夹里面的文件结构
到这里，我们需要认识一下文件结构
| 名称 | 类型 | 说明 |
|---|---|---|
| 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 、mobile |
| view_article.htm | 文件 | 文章模块详情页面 |
| view_download.htm | 文件 | 下载模块详情页面 |
| view_images.htm | 文件 | 图集模块详情页面 |
| view_product.htm | 文件 | 产品模块详情页面 |
按照上面表格中的文件说明，需要写什么地方，就在对应模板文件里修改，或者自己按规则新建新的模板页亦可。
如果需要新建自定义模板让对应的栏目关联上可以这样命名：
比如lists_article_xxx.htm （xxx为自己定义的模板名称，可以随便写） 保持“lists_article_”不变则可以关联给列表栏目页，可以在后台编辑栏目时选择，如下图case及fuwu为我们新增的：
小提示：放心修改，程序升级并不会覆盖用户的前台模板及后台数据。