本文档由亿联网维护
在修改模板之前,你还需要先了解Eycms的UI模板特有的目录结构,按规则修改网页文件、CSS文件、JS文件,这样程序才能够顺利读取到模板数据。
首先,你得熟悉 Eycms 的功能和使用
你需要登录安装好的 Eycms 后台,逐步熟悉功能的使用,建议把所有的功能都过一遍。
其次,你需要找到 Eycms 模板文件的位置
打开 Eycms 网站文件夹,如刚刚用到的 eycms;
你能看到一堆的文件,别眼花了,从里面找到theme
并进入这个文件夹;
在 theme 里面有多个文件夹,每一个文件夹都是一套独立的模板,其中包含了模板所有的文件。
进入当前模板
登录后台进入管理页面,点击头部导航【界面】-【模板管理】-【管理风格】,查看网站当前启用的模板,这个模板目录就是模板文件夹名称。
名称 | 说明 |
common 文件夹 | 模板通用css、js文件, 如:分页样式、留言表单样式、大话主席js特效 |
css 文件夹 | 样式表目录 |
font 文件夹 | 模板font字体库 |
images 文件夹 | 模板样式调用的图片文件 |
js 文件夹 | 模板调用到的js文件 |
mobile 文件夹 | 手机版模板目录,内含css、js、images等文件目录 |
model 文件夹 | 模型文件目录,分为图文模型photo、文章模型news、单页模型page |
├─ photo 文件夹 | 图文模型模板目录,常用于“产品展示”栏目 |
├─ eycms_list.asp | 图文模型列表页面 |
├─ eycms_show.asp | 图文模型内容页面 |
├─ news 文件夹 | 文章模型模板目录,常用于“新闻动态”、“案例展示”栏目 |
├─ eycms_list.asp | 文章模型列表页面 |
├─ eycms_show.asp | 文章模型内容页面 |
├─ page 文件夹 | 单页模型目录,常用于“公司简介”、“联系我们”栏目 |
├─ eycms_page.asp | 单页模型内容页面 |
eycms_404.asp | 404页面,当所访问的页面已被删除时显示的页面 |
eycms_foot.asp | 底部文件,里面编写底部信息、底部导航代码等,所有的页面都会调用。 |
eycms_head.asp | 头部文件,里面编写网站LOGO、导航、Banner等,所有的页面都会调用 |
eycms_top.asp | 顶部文件,里面编写网站通用的css、js等,所有的页面都会调用 |
eycms_left.asp | 侧栏文件,如栏目分类、联系方式、推荐文章等,所有的页面都会调用 |
eycms_comment.asp | 通用评论页,所有的页面都会调用 |
eycms_index.asp | 网站首页模板文件 |
eycms_book.asp | 在线留言模板 |
eycms_rss.asp | 网站地图模板 |
eycms_search.asp | 站内搜索模板 |
eycms_tags.asp | 站内标签页模板 |
eycms_tags_list.asp | 站内标签列表页 |
备注:进入图文模型、文章模型、单页模型 文件目录 可以添加模板页面, 进入 栏目>修改>设置栏目模板 可以调用新模板显示 |