让您的ECMS(帝国CMS)模板更“自动化”

这里只是说到我做模板的一些经验，不涉及程序，对HTML有所了解的话，更容易理解。我所列的都是以我制作的大观园网站为例子，希望能起个抛砖引玉的作用。。具体要做什么样的效果，大家可以多动手试下


一、使用公共模板变量定义通用部分
一般可建立[!--temp.header--]，[!--temp.footer--]，[!--temp.sitename--]，[!--temp.search--]之类的常用部分。然后在页面需要插入的地方直接插入。好处是修改时只需要修改这个变量，不必每个模板页去都去改。

注意：动态页面，如搜索，评论等不支持公共模板变量

二、网站通用导航（所有一级栏目）
在3.7版本以前，只能手工设定，3.7新增的带模板的导航标签可以实现

页面模板内容:
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]

列表内容模板
(list.var)

三、还是导航，在大栏目里显示小栏目。和上面差不多，但有点不同,加了个更多的链接

标签调用
[showclasstemp]父栏目ID,标签模板ID,是否显示栏目信息数[/showclasstemp]

页面模板内容:

<div>民间传统</div><div>[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]<ahref="[!--bclassurl--]">更多>></a></div>

列表内容模板
(list.var)

<a href="[!--classurl--]" title="[!--classname--]">[!--classname--]</a> |

上传以下图片：

三、导航技巧真多，再告诉你一个用在栏目页和列表页的导航效果

页面调用

<ul class="column">[showclasstemp]'selfinfo',标签模板ID,0[/showclasstemp]</ul>

页面模板内容:

[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]code]

列表内容模板
(list.var)
<li><a href="[!--classurl--]">[!--classname--]</a></li>

为什么要用li呢？主要是方便修改样式，你想让它怎么显示就怎么显示，包括加边框，背景之类的
在你的样式表里这样定义
ul {
padding: 0;
margin: 0;
}
.column li {
        width: 49%;
        padding: 0px;
        margin: 0px;
        float: left;
        list-style: none;
background: url(icon_li4.gif) no-repeat left center;/*用背景图定义前面的小图标  */
}

这样它显示的就是一行二个栏目，如果是要它显示一行一个，则这样定义
.column li {
        padding: 0px;
        margin: 0px;
        list-style: none;
background: url(icon_li4.gif) no-repeat left center;/*用背景图定义前面的小图标  */
}
如果要它是横向显示，则可以这样
.column li {
        padding: 2px 4px;
        margin: 0px;
        display: inline;
        list-style: none;
}

上传以下图片：

四、多用'selfinfo'
在栏目页和列表页，用'selfinfo'代替具体的ID号(你需要特别指定的除外)
[phomenews]、[ecmsinfo]、[phomeautopic]等都可以用这个。

五、善用循环子栏目数据标签
这个是值得推荐的。像下面的效果图，在以前是需要一个个自己定义，但有了这个标签，我们只需要一个标签调用就可以搞定，而且以后增加、删除子栏目都不需要再手动去改

标签调用： [listsonclass]'selfinfo',显示条数,标题截取数,是否显示栏目名,操作类型,模板ID,只显示有标题图片[/listsonclass]
页面模板内容:

<div class="c1">
<div class="pad-all">
       <div class="title2">【[!--the.classname--]
】</div>
</div>
<ul>
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]
</ul>
<div class="more"><a href="[!--the.classurl--]">更多>></a></div>
</div>

列表内容模板
(list.var)

<li><a href="http://www.Hack50.com/master/College/cms/ecms/2009-03-18/9445.html"title="[!--oldtitle--]">[!--title--]</a> <spanclass="date">([!--newstime--])</span></li>