DEDECMS57模板制作教程详解文档格式.docx
《DEDECMS57模板制作教程详解文档格式.docx》由会员分享，可在线阅读，更多相关《DEDECMS57模板制作教程详解文档格式.docx（44页珍藏版）》请在冰点文库上搜索。
一、明确使用范围
我们在使用任何标记的过程中，都必须明确其使用的范围，否则可能无法正常调用该标签，【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'
}
<
fontcolor="
red"
>
文章ID:
/font>
[field:
ID/]<
br/>
文章标题:
title/]<
文章短标题:
shorttitle/]<
文章标题的文字链接:
textlink/]<
文章作者:
writer/]<
文章发表日期:
stime/]<
文章所属栏目的目录:
typedir/]<
文章所属栏目的名称:
typename/]<
文章所属栏目的文字链接:
typelink/]<
文章的图片链接:
imglink/]<
文章的缩略图:
image/]<
{/dede:
arclist}
得到如下返回数据：
文章篇幅所限，未能列出所有的属性和字段调用的方法。
请朋友们举一反三，增删属性和写入代码进行调试，加深印象。
最好是对照官方的Dedecms文档进行调试，我这样做收获很大的。
三、【Arclist标记】延伸出来的别名标记（实用又个性化，建议关注使用）
为了使网页内容更具个性化，人性化，官方在【Arclist标记】的基础上延伸出来一些别外标签，如：
hotart、coolart、likeart、artlist、imglist、imginfolist、specart、autolist。
非常好！
我调试【imglist标记】的具体代码如下：
imglisttypeid='
2'
col='
}
imglink/][field:
textlink/]<
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中访问网站的各栏封面和列表，就可以得到返回的数据。
用法一：
这种用法，主要是从数据库获取相关的数据，特别是系统变量的数据。
调用position标记,得到:
栏目一>
栏目二”这样形式的链接：
fieldname='
position'
/}<
br/>
插件路径：
phpurl'
模板路径：
templeturl'
版权信息：
powerby'
主页路径：
indexurl'
主页名称：
indexname'
用法二：
这一种用法比较灵活，作用也非常大，但必须有HTML知识才能运用的比较好，
<
linkhref="
/}/style/dede.css"
rel="
stylesheet"
type="
text/css"
/>
注意：
本页面的文字和链接都是经过dede.css处理的<
ahref="
模板教程【Channel标记】
Channel标记使用思路、步骤：
我们在使用任何标记的过程中，都必须明确其使用的范围，否则可能无法正常调用该标签，【Channel标记】的使用范围是：
为了便于下面内容的理解，我将数据库中网站频道的截图如下：
二、通过调试了解其使用方法
放入调用【Channel标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。
调用方法一：
我调试【Channel标记】的具体代码如下：
channelrow='
3'
type='
top'
typelink/]"
typename/]<
/a>
channel}
模板教程【Type标记使用实例】
（四）
Type标记使用思路、步骤：
我们在使用任何标记的过程中，都必须明确其使用的范围，否则可能无法正常调用该标签，【Type标记】的使用范围是：
说明：
通过调试了解其使用方法
放入调用【Type标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。
typetypeid='
96'
}{/dede:
type}
channeltypeid='
ahref='
typelink/]'
（五）
autochannelpartsort='
/}
}[field:
typename/]{/dede:
channel}
autolistrow=12titlelen=38orderby=pubdatepartsort='
[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'
/}，替换为我们设置的自定义宏标记：
footer'
/},更新下，是不是已经变为我们设置的标记内容了啊。
当然，自定义宏标记里面也可以加入dedecms的标记内容，适合当前栏目的显示内容，不过需要在调用代码中将ismake设为yes才可以，也可以通过设置typeid使自定义宏标记在特定栏目中显示。
有人会问，我已经生成了很多页面了，现在想更改了一下自定义宏标记的内容，那岂不是要更改后重新再生成一遍，那样就不方便了。
其实柏拉图早就考虑到这点，在自定义宏标记中可以使用javascript调用，这样以来，只要改变一次就可以实现全局改变的效果。
具体操作：
进入自定义标记管理，在相对应的标记管理项目中有JS调用这个选项，单击，dedecms自动生成调用该ID标记的js代码，例如<
scriptsrc='
/plus/mytag_js.php?
aid=1'
language='
javascript'
/script>
我们将刚才的{dede:
/}用js替换掉，更新下，是不是还是原来的效果，我们再修改下标记的内容，怎么样？
全局发生了变化。
怎么样，自定义宏标记内容强大吧，相信他的引入会给你的模板制作带来更好的效果。
模板教程【Vote标记使用实例】
（七）
【Type标记】用于获取一组投票表单。
其使用范围限于：
可先进入后台，按下面操作方法填写好调查内容：
辅助插件-->
投票模块-->
增加一组投票
通过调试了解其使用方法
放入调用【Vote标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。
voteid='
lineheight='
22'
tablewidth='
100%'
titlebgcolor='
#EDEDE2'
titlebackground='
tablebgcolor='
#FFFFFF'
vote}
模板教程【Flink标记使用实例】
（八）
【Flink标记】用于获取友情链接。
调用该标记后可以得到四种友情链接的形式。
使用思路、步骤：
我们在使用任何标记的过程中，都必须明确其使用的范围，否则可能无法正常调用该标签，【Flink标记】的使用范围是：
封面模板
二、通过调试了解其使用方法
放入调用【Flink标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。
补充：
我调试【Flink标记】的具体代码如下：
全部用文字显示：
flinktype='
textall'
4'
flink}<
文字和图文混合排列：
textimage'
仅显示不带Logo的链接：
text'
仅显示带Logo的链接：
image'
（九）
【Mynews标记】用于获取站内新闻。
我们在使用任何标记的过程中，都必须明确其使用的范围，否则可能无法正常调用该标签，【Mynews标记】的使用范围是：
放入调用【Mynews标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。
我调试【Mynews标记】的具体代码如下：
mynewsrow='
30'
}标题：
作者：
时间：
senddatefunction="
strftime（'
%y-%m-%d%H:
%M'
@me）"
/]<
内容：
body/]<
mynews}
模板教程【Channelartlist标记使用实例】
（十）
【Channelartlist标记】用于获取当前频道的下级栏目的内容列表。
该标记在封面模板（包括主页）中的经常被用到，具体用法见下面实例。
除了宏标记外，channelArtlist是唯一一个可以直接嵌套其它标记的标记，不过仅限于嵌套{dede:
type}{/dede:
type}和{dede:
arclist}{/dede:
arclist}两个标记。
放入调用【Channelartlist标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。
例1
我调试【Channelartlist标记】的具体代码如下：
channelArtlisttypeid="
94"
col="
1"
divstyle="
width:
500px;
border:
redsolid1px;
float:
left;
"
background:
#ccddee;
/div>
ul>
arclistrow="
5"
li>
arcurl/]"
/li>
arclist}
/ul>
channelArtlist}
细心的朋友会发现，使用【Channelartlist标记】时，需要你对div+css或者table的控制能力较强，否则在页面中很难控制它。
请大家他细看下面例2，例1与例2代码上相差很小，但得到的布局却相差很大。
仔细对比一下吧！
例2
300px;
margin:
5px;
模板教程【List标记使用实例】
（十一）
【List标记】表示列表模板里的分页内容列表。
它的适用范围仅列表模板list_*.htm
放入调用【List标记】的代码，再在管理后台进行操作，如下：
我调试【List标记】的具体代码如下：
listcol='
升级会员 