第八章 模板开发

8.1 模板设计理念基础

在Web标准化开发中,网页可分为表现层、结构层和内容层三个层次。

表现层用CSS进行控制,一些和内容无关的、只用来作为显示效果的东西都归入此类;

结构层用HTML来表现,在HTML中不应该涉及到有关表现层的东西;

内容层就是网页中实际表达的内容,用来呈现网站的实际需要传达的信息。

Zoomla!逐浪CMS采用自主模板引擎,所有模板都存储于根目录的“Template”文件夹下,可以标准的HTML文件存储,并可置多套模板方案,随时切换,满足运营的需要。

模板由HTML、CSS、JS及动态脚本、标签四个部份构成,不同的内容页有不同的调用逻辑,模板的绑定主要在系统-节点中定义,如下图所示:

image.png

注:专题也能绑定模板,同时模型中也有模板,这些设置是为了提供一个友好的设置和默认选项,可灵活使用。

8.2 如何设计一个模板

我们可以把模板简单的视为一个标准的静态网页,您可能直接设计成HTML格式的网页。无论是采用table设计方式,还是使用div+CSS的设计方式,都能与系统完美的设计。

设计模板的前提是要做到对网站的整体有一个清晰的认识,做到合理规则,以避免网重复劳作。

开发者既可以结合逐浪CMS的标签来设计,也可以直接做成标准的静态模板,然后将其整合进入。

用户也可以拷贝Template下的模板方案,用于新方案,这样上手会快。

一般不推荐用户直接在默认模板方案中修改,这样升级后,会造成模板被替换,得不偿失。

8.3 新建模板方案

首先进入网站根目录的“Template”文件夹,建立一个文件夹,文件夹可以是任何符合Windows命名规则的字符。

进入后台,点击系统设置—网站配置—网站参数设置,于“网站模板根目录”处录入您的新建方案文件夹名称。

image.png

名称

是否可重命名

功能与作用

Label文件夹

不可

标签文件夹,所有标签存于此处

Style文件夹

可自由定义

风格(CSS与图片等)存储路径

System文件夹

不可

模型配置备份文件夹,一般不使用,只有启用备份后才需要,即使是删除后,一旦要启用节点配置备份,系统会自动产生

Info.config

不可

模板方案的描述,一般不能与其它方案内容相同重名

View.jpg

可以删除

模板方案缩略图,可以为空显示无图示

其它文件

可自由设计

各类模板文件,用于前端呈现

一个模板方案建好后,还要在系统中设置其为使用,需要进入“系统-网站配置-进阶信息-风格参数”中设定,如下图所示:

image.png

8.4 管理模板

qqqq.png进入后台系统设置风格模板与标签管理,即可管理模板。

image.png

功能

说明

返回上一级

存在于模板操作界面的右上角,如果已经达到最上一级,则自动变成灰色不可用状态,用于管理员在模板目录中导航。

新建模板

在该模板方案目录中建立一个全新的模板。

创建目录

在该模板方案目录中建立一个子目录,以更好的对模板归类。

上传模板

上传一个本地做好的模板

点击模板文件名

进入编编辑模式

点击模板目录名

进入子目录查看模板及分类结构


8.5 模板编辑视图

image.png

在模板管理功能中,点击任何一个模板的标题,即可进入编辑。

模板编辑分标签区与代码编辑区,标签区中分自定标签、数据字段、系统标签、扩展函数:


自定标签

显示由网站管理员建立的自定义标签。

数据字段

在文章列表等功能中,显示相对应的数据字段。

系统标签

系统内置的标签。

扩展函数

与系统标签相配合运用的相关标签函数。