个人工具
名字空间
变换
操作

CMSware模版制作概述

来自站长百科
跳转到: 导航, 搜索

导航:返回上一页

宏观上,我们可以将常用(还有如评论页、搜索页这样的不是所有站点都使用的)模版文件分为两类:索引页和内容页.索引页一般是栏目首页,展示的是一系列的内容列表,如子栏目新内容列表,最新的10条评论,点击量最高的20篇文章等,它一般不输出具体文章的具体内容;内容页则输出具体文章的具体内容,还包括新闻图片、内容分页等部分。这一节我们对模版制作做一个概括性描述。

一、模版组成分析

我们通过下面的两幅图看看典型的索引页和内容页的构成。

下图是一个典型的内容页:

Cmsware137.png

下图是一个典型的索引页

Cmsware138.png

组成分析

1、这两个模版都包含了头部导航和底部版权栏,一般的站点这两部分是全站通用的,在模版制作中我们可以把这两部分独立出来,做成公共部分,让所有的模版直接包含共用部分即可,包含要用到include标签,具体说明见include

头部导航栏制作

栏目导航

Cmsware139.png

头部导航栏主要是调用各个结点的名称和URL,我们要用到结点列表调用CMS_NODELIST

位置导航

Cmsware140.png

当前位置的导航主要是显示结点信息,也可以同时加上相关内容的标题,我们要用到结点信息调用CMS_NODE ,这里的内容标题,只需要调用一个内容页变量标签 ,比如 [$Title]

2、内容页主要是文章以及文章相关信息的调用,有时该页面也显示所在栏目的最新的、最热门的一些内容及其评论等等

内容中,本文的各种信息的调用比如文章标题、内容、作者、来源等的调用需要用到内容页变量标签 ,

相关文章的调用

Cmsware141.png

相关文章分为自定义相关文章和自动关键字匹配的相关文章两种。自定义相关文章的调用请参考内容调用CMS_CONTENT 中的例子, 自动关键字匹配的相关文章调用请参考搜索调用CMS_SEARCH

有时,我们还想在页面中调用该内容的评论,请参考评论使用方法 ,如果还想对每篇内容的访问量进行统计并让它显示在页面上,请参考 点击计数使用方法

内容调用时有时长文章需要分页,相关内容请参考内容页分页子标题 (CONTENT_HEADER)  分页文章列表调用 自定义文章列表分页导航样式

3、这两个模版都包含了所在栏目的最新的、最热门的一些内容的调用,类似内容的调用请参考内容列表CMS_LIST

有时我们想在页面上放上一个搜索框,相关知识请参考普通搜索使用方法

4、索引页制作一般而言要比内容页至少多用到一个知识点-图文混排或列表

图文列表

Cmsware142.png

图文列表的制作主要用到以下知识点: 内容列表CMS_LIST AutoMini if,elseif,else

图文混排

Cmsware143.png

图文混排的制作主要用到以下知识点: 内容列表CMS_LIST AutoMini if,elseif,else

二、模版制作流程

1、准备静态页面

在做好网站规划,进入模版制作阶段以后,您要做的第一件事情就是制作好静态页面,也可以直接保存互联网等地方找到的比较好的页面,如顶部示例图片那样的内容页和索引页,可以是自己用Dreamweaver等制作的,也可以是直接保存的现有网页

2、在源码状态下对静态页面进行清理

推荐使用Dreamwaver等工具去掉页面中的各种内容但是保留相应的标签,比如,我们来清理如下代码

<tr>
<td>111111</td>
<td>2222222</td>
<td>33333</td>
</tr>

去掉文章列表的文章内容保留相关html标签以后为

<tr> <td></td> <td></td> <td></td> </tr>

清理时注意给各个部分的代码加上备注,如、& lt;!--调用前10条评论记录-->、、

3、代码分析和页面分拆

清理页面以后,结合页面代码备注对剩余代码进行分析,比如,我们可以将下述内容列表调用代码替换为思维(CMSware)语法

<tr> <td></td> <td></td> <td></td> </tr>

替换为

<CMS action="LIST" return="List" NodeID="2" Num="3" /> <!--调用结点ID为2的前3条记录--><tr>
<LOOP name="List" var="var" key="key">
<td>
<a href="[$var.URL]" target="_blank" title="[$var.Title]" >[@CsubStr($var.Title,0,16)] </a>
<!--显示文章链接,自动截取标题长度16-->
</td></tr>
</LOOP> 

评论、搜索、缩图等的参照模版组成分析部分的说明做类似替换。

4、分坼出各个模版的公用部分

将共用部分独立出来制作成模版片断,使用时用include包含进来即可


参考来源

留言