目录结构
进入模板目录
在修改模板之前,你还需要先了解GNCMS的UI模板特有的目录结构,按规则修改网页文件、CSS文件、JS文件,这样程序才能够顺利读取到模板数据。
-
首先,你得熟悉 GNCMS 的功能和使用
你需要登录安装好的 GNCMS 后台,逐步熟悉功能的使用,建议把所有的功能都过一遍。 -
其次,你需要找到 GNCMS 模板文件的位置
打开 GNCMS 网站根目录文件夹;
你能看到一堆的文件,别眼花了,从里面找到theme并进入这个文件夹;
在 theme 里面有多个文件夹,每一个文件夹都是一套独立的模板,其中包含了模板所有的文件。 -
进入当前模板
登录后台进入管理页面,点击头部导航【界面】-【模板管理】-【管理风格】,查看网站当前启用的模板,这个模板目录就是模板文件夹名称。
模板目录结构
| 名称 | 说明 |
| block 文件夹 | 自定义区块文件目录 |
| css 文件夹 | 样式表目录 |
| font 文件夹 | 模板font字体库 |
| images 文件夹 | 模板样式调用的图片文件 |
| js 文件夹 | 模板调用到的js文件 |
| mobile 文件夹 | 手机版模板目录,内含css、js、images等文件目录,结构与PC端对应 |
| model 文件夹 | 模型文件目录,分为图文模型photo、文章模型news、单页模型page |
| ├─ photo 文件夹 | 图文模型模板目录,常用于“产品展示”栏目 |
| ├─ list.tpl | 列表页面 |
| ├─ show.tpl | 内容页面 |
| ├─ news 文件夹 | 文章模型模板目录,常用于“新闻动态”、“案例展示”栏目 |
| ├─ list.tpl | 列表页面 |
| ├─ show.tpl | 内容页面 |
| ├─ page 文件夹 | 单页模型目录,常用于“公司简介”、“联系我们”栏目 |
| ├─ page.tpl | 标准单页模型内容页面模板 |
| ├─ page_dim.tpl | 表示非标模板,手机端必有对应的以_dim命名的模板 |
| ├─ page_h5.tpl | 表示该模板是自适应模板,与手机端共用 |
| ├─ down 文件夹 | 下载模型模板目录 |
| ├─ list.tpl | 列表页面 |
| ├─ show.tpl | 内容页面 |
| ├─ video 文件夹 | 视频模型模板目录 |
| ├─ list.tpl | 列表页面 |
| ├─ show.tpl | 内容页面 |
| config.xml | 模版配置,含模板名称、适用版本、作者、缩略图等信息 |
| base.xml | 模版文件名索引,每个模板必须要有,可从其他模板目录中复制过来 |
| 404.tpl | 404页面,当所访问的页面已被删除时显示的页面 |
| foot.tpl | 底部文件,里面编写底部信息、底部导航代码等,所有的页面都会调用。 |
| head.tpl | 头部文件,里面编写网站LOGO、导航、Banner等,所有的页面都会调用 |
| top.tpl | 顶部文件,里面编写网站通用的css、js等,所有的页面都会调用 |
| left.tpl | 侧栏文件,如栏目分类、联系方式、推荐文章等,所有的页面都会调用 |
| comment.tpl | 通用评论页,所有的页面都会调用 |
| index.tpl | 网站首页模板文件 |
| book.tpl | 在线留言模板 |
| rss.tpl | 网站地图模板 |
| search.tpl | 站内搜索模板 |
| tags.tpl | 站内标签页模板 |
| tags_list.tpl | 站内标签列表页 |
| region.tpl | 城市分站列表页 |
| wxshow.tpl | 微信素材内容展示页 |
model文件夹下的文件名可以任意命名,你可以在【栏目管理】- 【编辑】-【模板设置】里为模型选择自定义的模板文件。