投递文章投递文章 投稿指南 RSS订阅RSS订阅

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

来源:phome 禾火木风 发布时间:2008-10-03 收藏 投稿 字体:【

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

以中华大观园为例 http://www.5000sky.com/

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

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

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

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

列表内容模板
(list.var)


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


标签调用 [showclasstemp]0,标签模板ID,0[/showclasstemp]

注意:如果在栏目页显示的是当前栏目的导航,可以加上单引号'0'——我是这样做的。如果ID号填的是为某个栏目的ID,则为特定栏目的导航

上传以下图片:

 

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

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

页面模板内容:


<div>民间传统</div><div>[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--] <a href="[!--bclassurl--]">更多&gt;&gt;</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--]">更多&gt;&gt;</a></div>
</div>




列表内容模板
(list.var)


<li><a href="[!--titleurl--]" title="[!--oldtitle--]">[!--title--]</a> <span class="date">([!--newstime--])</span></li>




上传以下图片:

"自动化"其实就是'selfinfo'和循环标签,以及带模板的导航标签这三个.....好好利用,可以做出你想要的各种效果,比如现在的站点地图不怎么亲,你就可以结合导航标签来做....开拓你的想像.帝国,一切皆有可能

下面说的就是一些常见问题和网页优化的技巧(个人观点,仅供参考)

顶一下
(2)
100%
踩一下
(0)
0%
本文Tags:
  • 表情:
  •    
  • 评价:
用户名: 密码: 匿名 注册
最新评论 查看所有评论
About iTtang - 联系我们  - 专题列表 - 友情链接  -  高级搜索  -  帮助中心  -  您的意见