• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > CMS教程 > 帝国CMS教程 >

轻松修改帝国ECMS的模板

来源: www.dedecms8.com 编辑:织梦吧 时间:2012-06-13点击:

也许,你是初学者,或者你是一个老道的ecms使用者,但是只要你利用ecms制作网站,你都不可避免滴反复修改模板,一旦出现一个小小的不足,修改就要修改全部的模板,这的确是一件非常累人的事情,有没有比较方便的方法呢?答案是肯定的,有,请看下面的文字。

 一、使用公共模板变量定义通用部分

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

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

二、网站通用导航(所有一级栏目)

在3.7版本以前,只能手工设定,3.7新增的带模板的导航标签可以实现

页面模板内容:

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

列表内容模板

(list.var)  

 


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

 


 

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

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

上传以下图片:

轻松修改ECMS的模板 - 金金 - 金金的博客

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

标签调用

[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>   |   

 


 

上传以下图片:

轻松修改ECMS的模板 - 金金 - 金金的博客

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

页面调用

<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;

}

上传以下图片:

轻松修改ECMS的模板 - 金金 - 金金的博客

四、多用'selfinfo'

在栏目页和列表页,用'selfinfo'代替具体的ID号(你需要特别指定的除外)

[phomenews]、[ecmsinfo]、[phomeautopic]等都可以用这个。

About D8

  • ©2014 织梦吧(d8) DedeCMS学习交流平台
  • 唯一网址 www.DedeCMS8.com 网站地图
  • 联系我们 1978130638@qq.com ,  QQ