下面我们大家一起来作一个简单的列表页的模板,列表页的样子如下所示。
我们通过这个可以看出,以下几个要实现的功能:
1.头部:要显示出网站的栏目(一级栏目),并且当前一级栏目要不一样的样式。
2.左侧:并且显示出当前一级栏目的二级栏目,当前二级栏目也要不一样的样式。
3.右侧:显示使用了此模板的栏目内的内容列表,(要求有分页显示)
4.底部:显示一些简单的版权信息。
在我们制作模板之前,我们要先作一些准备工作,因为栏目还没有建立,内容也没有录入,当然如果你已经建立了栏目录入了内容,请跳过此步骤。
我们的栏目结构如下:
首页
新闻中心
-公司动态
-行业动态
联系我们
我们就建立这么简单的栏目结构吧。
我们单击“内容-栏目管理-管理栏目”中的“快速添加栏目”。
出现如下图所示:
我们把栏目结构复制进去,如图:
模型我们就绑定系统自带的“新闻”模型就可以了。
单击“确定”,如图所示,我们的栏目结构就建立成功了。
我们先给“公司动态”随便添加一些内容,添加大约10来条吧,如果要分布效果的时候,我们就5页一分就可以了,一会我们就“公司动态”作列表页模板。
这样我们的前期准备工作就算完成了。
下面我们来制作模板。
单击“模板-模板管理-模板管理”,单击按钮“添加模板组”,如下图:
我们为我们的模板放到一个组里面,为什么要放到组里面,因为我们以后可能有多套模板组来实现不同的布局样式功能,这样我们也好去管理。
我们为模板组起一个模板组名称“测试”。
模板组路径:这个是作什么用的呢?我们的模板图片,样式都要调用,所以取一个跟模板组相近的名字“cs”。
单击“确定”。
如下图所示,我们的模板组就建立好了。
那为我们的模板组上传它需要的基本信息,如图片、JS文件、样式文件呀等等。
我们单击测试这一行后面的,“文件图片”,出现如下图所示界面。