欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」帝国cms模板这样操作设置变得更自动化

作者 : 自学哈 本文共3235个字,预计阅读时间需要9分钟 2022-11-26 共111人阅读
也想出现在这里? 联系我们

这里只是说到我做模板的一些经验,不涉及程序,对HTML有所了解的话,更容易理解。下边是帝国CMS模板怎样能更自动化的演示,希望能起个抛砖引玉的作用。具体要做什么样的效果,大家可以多动手试下。

(1)、使用公共模板变量定义通用部分

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

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

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

页面模板内容:

[!–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,则为特定栏目的导航

上传以下图片:

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

标签调用

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

——————————————————————————–

上传以下图片:

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

页面调用

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

}

上传以下图片:

(5)、多用'selfinfo'

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

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

(6)、善用循环子栏目数据标签

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

标签调用: [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=" /cms/ecms/2009-03-18/9445.html" title="[!–oldtitle–]">[!–title–]</a> <span class="date">([!–newstime–])</span></li>

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」帝国cms模板这样操作设置变得更自动化
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号