DEDECMS织梦模板制作详细教程.docx

DEDECMS织梦模板制作详细教程.docx

《DEDECMS织梦模板制作详细教程.docx》由会员分享，可在线阅读，更多相关《DEDECMS织梦模板制作详细教程.docx（21页珍藏版）》请在冰豆网上搜索。

DEDECMS织梦模板制作详细教程

DEDECMS织梦模板制作详细教程

1.Arclist标记的应用，使用率很高，相当实用，所以我们使用都必须熟练掌握。

2.Field标记在封面模板、列表模板、文档模板的使用频率很高，实用。

主要用来获得到系统变量的值或者路径，用法很灵活。

可以直接展示数据，如调用position，得到栏目一>栏目二”这样形式的链接；或者，调用templeturl得到/templets这样路径。

3.Channel标记主要用于获取栏目列表，用法非常简单，主要是区分“type=top,sun/son,self”的所调用的对象就行了。

4.Type标记表示指定的单个栏目的链接，用法非常简单。

5.Autochannel标记使用实例

6.Mytag标记使用实例板中多次出现的相同元素用一个自定义标记表示出来，从而达到，一次更改，全局更换的效果。

辅助插件的广告管理也有相似的效果。

7.Type标记用于获取一组投票表单。

其使用范围限于：

封面模板。

8.Flink标记使用实例用于获取友情链接。

调用该标记后可以得到四种友情链接的形式。

9.Mynew标记使用实例用于获取站内新闻。

站内新闻有利于站长及时与会员沟通。

10.ChannelArtlist标记使用实例用于获取当前频道的下级栏目的内容列表。

该标记在封面模板（包括主页）中的经常被用到

11.List标记使用实例

12.Pagelist标记使用实例

13.Pagebreak标记使用实例

14.Prennext标记使用实例

15.Pagetitle标记使用实例

模板教程【Arclist标记使用实例】

（一）

Arclist标记的使用思路、步骤：

一、明确使用范围

我们在使用任何标记的过程中，都必须明确其使用的范围，否则可能无法正常调用该标签，【Arclist标记】的使用范围是：

封面模板、列表模板、文档模板。

即对应templets\default\文件夹下的

index_识别ID.htm模板、list_识别ID.htm模板、article_识别ID.htm模板）

二、通过调试了解其使用方法

我调试的方法是：

将templets\default\文件夹下的index.html文件代码，全部掏空。

放入调用【Arclist标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。

注意：

其它文件保持不变，我不懂PHP，只能用这种方式调试，相信朋友们很容易上手的。

我调试【Arclist标记】的具体代码如下：

{dede:

arclisttypeid=''row='1'titlelen='20'infolen=''

imgwidth='100'imgheight='80'}

文章ID:

[field:

ID/]

文章标题:

[field:

title/]

文章短标题:

[field:

shorttitle/]

文章标题的文字链接:

[field:

textlink/]

文章作者:

[field:

writer/]

文章发表日期:

[field:

stime/]

文章所属栏目的目录:

[field:

typedir/]

文章所属栏目的名称:

[field:

typename/]

文章所属栏目的文字链接:

[field:

typelink/]

文章的图片链接:

[field:

imglink/]

文章的缩略图:

[field:

image/]

{/dede:

arclist}

得到如下返回数据：

文章篇幅所限，未能列出所有的属性和字段调用的方法。

请朋友们举一反三，增删属性和写入代码进行调试，加深印象。

最好是对照官方的Dedecms文档进行调试，我这样做收获很大的。

三、【Arclist标记】延伸出来的别名标记（实用又个性化，建议关注使用）

为了使网页内容更具个性化，人性化，官方在【Arclist标记】的基础上延伸出来一些别外标签，如：

hotart、coolart、likeart、artlist、imglist、imginfolist、specart、autolist。

非常好！

我调试【imglist标记】的具体代码如下：

{dede:

imglisttypeid=''row='2'col='1'titlelen='20'infolen=''

imgwidth='100'imgheight='80'}

[field:

imglink/][field:

textlink/]

{/dede:

imglist}

得到如下返回数据：

如上例，其它的别名标记，朋友们可以举一反三，融会贯通！

模板教程【Field标记】

（二）

Field标记使用思路、步骤：

一、明确使用范围

我们在使用【Field标记】的过程中，必须明确其使用的范围，否则可能无法正常调用该标签，其使用范围是：

封面模板（如index_article.htm）、列表模板（如list_article.htm）、文档模板（如article_article.htm）。

index_article.htm、list_article.htm、article_article.htm等类似的模板文档都在templets\default\文件夹中。

注意：

1、封面模板与列表模板是有区别的，但调用【Field标记】可以相同；

2、封面模板有不同的类型，我们最常用的是文章模板（index_article.htm），其它的还有图片模板（index_image.htm），简介模板（index_info.htm），软件模板（index_soft.htm）等等，这些模板调用【Field标记】的道理都是一样的。

二、通过调试了解其使用方法

我调试的方法是：

将templets\default\文件夹下的list_default.htm和htmlist_article.htm文件中的代码，全部掏空。

放入调用【Field标记】的代码，再在管理后台进行操作，如下：

HTML更新-->更新栏目HTML-->开始生成HTML。

再在IE中访问网站的各栏封面和列表，就可以得到返回的数据。

用法一：

这种用法，主要是从数据库获取相关的数据，特别是系统变量的数据。

我调试【Arclist标记】的具体代码如下：

调用position标记,得到:

栏目一>栏目二”这样形式的链接：

{dede:

fieldname='position'/}

插件路径：

{dede:

fieldname='phpurl'/}

模板路径：

{dede:

fieldname='templeturl'/}

版权信息：

{dede:

fieldname='powerby'/}

主页路径：

{dede:

fieldname='indexurl'/}

主页名称：

{dede:

fieldname='indexname'/}

得到如下返回数据：

请朋友们举一反三，增删属性和写入代码进行调试，加深印象。

最好是对照官方的Dedecms文档进行调试，我这样做收获很大的。

用法二：

这一种用法比较灵活，作用也非常大，但必须有HTML知识才能运用的比较好，

我调试【Arclist标记】的具体代码如下：

fieldname='templeturl'/}/style/dede.css"rel="stylesheet"type="text/css"/>

注意：

本页面的文字和链接都是经过dede.css处理的

得到如下返回数据：

模板教程【Channel标记】

（二）

Channel标记使用思路、步骤：

一、明确使用范围

我们在使用任何标记的过程中，都必须明确其使用的范围，否则可能无法正常调用该标签，【Channel标记】的使用范围是：

封面模板、列表模板、文档模板。

为了便于下面内容的理解，我将数据库中网站频道的截图如下：

二、通过调试了解其使用方法

我调试的方法是：

将templets\default\文件夹下的index.html文件代码，全部掏空。

放入调用【Channel标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。

调用方法一：

我调试【Channel标记】的具体代码如下：

{dede:

channelrow='3'type='top'}

typelink/]">[field:

typename/]

{/dede:

channel}

得到如下返回数据：

模板教程【Type标记使用实例】（四）

Type标记使用思路、步骤：

一、明确使用范围

我们在使用任何标记的过程中，都必须明确其使用的范围，否则可能无法正常调用该标签，【Type标记】的使用范围是：

封面模板、列表模板、文档模板。

说明：

为了便于下面内容的理解，我将数据库中网站频道的截图如下：

通过调试了解其使用方法

我调试的方法是：

将templets\default\文件夹下的index.html文件代码，全部掏空。

放入调用【Type标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。

我调试【Channel标记】的具体代码如下：

{dede:

typetypeid='96'}{/dede:

type}

{dede:

channeltypeid='96'}

typelink/]'>[field:

typename/]

{/dede:

channel}

得到如下返回数据：

模板教程【Type标记使用实例】（五）

{dede:

autochannelpartsort='1'/}

{dede:

channeltypeid='1'}[field:

typename/]{/dede:

channel}

{dede:

autolistrow=12titlelen=38orderby=pubdatepartsort='1'}

[field:

textlink/]{/dede:

autolist}

autochannel，autolist是专门给懒人用的，partsort的属性是表示排列顺序为某位置，它是栏目排列的位置，不是ID，这样的好处是，没有某个ID，只要有足够的栏目，也会显示内容，这个标记如果加了typeid，则变成获取特定栏目的子栏目的这个排序位置的内容了

模板教程【Mytag标记使用实例】（六）

自定义宏标记【Mytag标记】的作用：

可以将模板中多次出现的相同元素用一个自定义标记表示出来，从而达到，一次更改，全局更换的效果。

辅助插件的广告管理也有相似的效果。

【Mytag标记】的实例教程

[教程]自定义宏标记的应用

今天天涯来介绍下自定义宏标记的应用，大家可以进入后台，在“模板管理”-》“自定义宏标记”中查看到该选项。

自定义宏标记的作用：

可以将模板中多次出现的相同元素用一个自定义标记表示出来，从而达到，一次更改，全局更换的效果。

辅助插件的广告管理也有相似的效果。

适用范围：

网页模板中多次出现的相同元素，例如：

网站的导航条、网站的站点公告、网站的底部信息等，在我之前发布的几套模板中都运用到了自定义宏标记。

自定义宏标记的调用办法：

{dede:

mytagname='标记名称'ismake='是否含板块代码（yes或no）'typeid='栏目ID'/}

1、name标记名称，该项是必须的属性，以下2、3是可选属性；

2、ismake默认是no表示设定的纯HTML代码，yes表示含板块标记的代码；

3、typeid表示所属栏目的ID，默认为0，表示所有栏目通用的显示内容，在列表和文档模板中，typeid默认是这个列表或文档本身的栏目ＩＤ。

下面来通过一个实例进行说明：

我有一个网站模板底部信息，其长度已经超出了系统可以设置的网站版权（cfg_powerby）的长度，但是我想实现一段代码，可以在不同模板（页面）中显示相同内容的效果。

我们就可以使用自定义宏标记来实现这个效果

如图进行设置：

然后我们回到模板制作的界面，将模板中的{dede:

globalname='cfg_powerby'/}，替换为我们设置的自定义宏标记：

{dede:

mytagname='footer'/},更新下，是不是已经变为我们设置的标记内容了啊。

当然，自定义宏标记里面也可以加入dedecms的标记内容，适合当前栏目的显示内容，不过需要在调用代码中将ismake设为yes才可以，也可以通过设置typeid使自定义宏标记在特定栏目中显示。

有人会问，我已经生成了很多页面了，现在想更改了一下自定义宏标记的内容，那岂不是要更改后重新再生成一遍，那样就不方便了。

其实柏拉图早就考虑到这点，在自定义宏标记中可以使用javascript调用，这样以来，只要改变一次就可以实现全局改变的效果。

具体操作：

进入自定义标记管理，在相对应的标记管理项目中有JS调用这个选项，单击，dedecms自动生成调用该ID标记的js代码，例如

aid=1'language='javascript'>

我们将刚才的{dede:

mytagname='footer'/}用js替换掉，更新下，是不是还是原来的效果，我们再修改下标记的内容，怎么样？

全局发生了变化。

怎么样，自定义宏标记内容强大吧，相信他的引入会给你的模板制作带来更好的效果。

模板教程【Vote标记使用实例】（七）

【Type标记】用于获取一组投票表单。

其使用范围限于：

封面模板。

可先进入后台，按下面操作方法填写好调查内容：

辅助插件-->投票模块-->增加一组投票

通过调试了解其使用方法

我调试的方法是：

将templets\default\文件夹下的index.html文件代码，全部掏空。

放入调用【Vote标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。

我调试【Channel标记】的具体代码如下：

{dede:

voteid='2'lineheight='22'

tablewidth='100%'titlebgcolor='#EDEDE2'

titlebackground=''tablebgcolor='#FFFFFF'}

{/dede:

vote}

得到如下返回数据：

模板教程【Flink标记使用实例】（八）

【Flink标记】用于获取友情链接。

调用该标记后可以得到四种友情链接的形式。

使用思路、步骤：

一、明确使用范围

我们在使用任何标记的过程中，都必须明确其使用的范围，否则可能无法正常调用该标签，【Flink标记】的使用范围是：

封面模板

二、通过调试了解其使用方法

我调试的方法是：

将templets\default\文件夹下的index.html文件代码，全部掏空。

放入调用【Flink标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。

补充：

我调试【Flink标记】的具体代码如下：

全部用文字显示：

{dede:

flinktype='textall'row='4'titlelen='20'}{/dede:

flink}

文字和图文混合排列：

{dede:

flinktype='textimage'row='4'titlelen='20'}{/dede:

flink}

仅显示不带Logo的链接：

{dede:

flinktype='text'row='4'titlelen='20'}{/dede:

flink}

仅显示带Logo的链接：

{dede:

flinktype='image'row='4'titlelen='20'}{/dede:

flink}

得到如下返回数据：

模板教程【Vote标记使用实例】（九）

【Mynews标记】用于获取站内新闻。

站内新闻有利于站长及时与会员沟通。

使用思路、步骤：

一、明确使用范围

我们在使用任何标记的过程中，都必须明确其使用的范围，否则可能无法正常调用该标签，【Mynews标记】的使用范围是：

封面模板

二、通过调试了解其使用方法

我调试的方法是：

将templets\default\文件夹下的index.html文件代码，全部掏空。

放入调用【Mynews标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。

我调试【Mynews标记】的具体代码如下：

{dede:

mynewsrow='2'titlelen='30'}标题：

[field:

title/]

作者：

[field:

writer/]

时间：

[field:

senddatefunction="strftime（'%y-%m-%d%H:

%M',@me）"/]

内容：

[field:

body/]

{/dede:

mynews}

得到如下返回数据：

模板教程【Channelartlist标记使用实例】（十）

【Channelartlist标记】用于获取当前频道的下级栏目的内容列表。

该标记在封面模板（包括主页）中的经常被用到，具体用法见下面实例。

除了宏标记外，channelArtlist是唯一一个可以直接嵌套其它标记的标记，不过仅限于嵌套{dede:

type}{/dede:

type}和{dede:

arclist}{/dede:

arclist}两个标记。

通过调试了解其使用方法

我调试的方法是：

将templets\default\文件夹下的index.html文件代码，全部掏空。

放入调用【Channelartlist标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。

例1

我调试【Channelartlist标记】的具体代码如下：

{dede:

channelArtlisttypeid="94"col="1"}

500px;border:

redsolid1px;float:

left;">

500px;background:

#ccddee;">

{dede:

type}

typelink/]">[field:

typename/]

{/dede:

type}