目录结构

进入模板目录

在修改模板之前,你还需要先了解GNCMS的UI模板特有的目录结构,按规则修改网页文件、CSS文件、JS文件,这样程序才能够顺利读取到模板数据。

  1. 首先,你得熟悉 GNCMS 的功能和使用
    你需要登录安装好的 GNCMS  后台,逐步熟悉功能的使用,建议把所有的功能都过一遍。

  2. 其次,你需要找到 GNCMS  模板文件的位置
    打开 GNCMS  网站根目录文件夹;
    你能看到一堆的文件,别眼花了,从里面找到theme并进入这个文件夹;
    在 theme 里面有多个文件夹,每一个文件夹都是一套独立的模板,其中包含了模板所有的文件。

  3. 进入当前模板
    登录后台进入管理页面,点击头部导航【界面】-【模板管理】-【管理风格】,查看网站当前启用的模板,这个模板目录就是模板文件夹名称。

模板目录结构

名称 说明
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文件夹下的文件名可以任意命名,你可以在【栏目管理】- 【编辑】-【模板设置】里为模型选择自定义的模板文件。