织梦模板标签的使用,DEDECMS模板教程

现在我们来学习一下织梦模板标签的使用:DEDECMS模板标签教程。

我们用Macromedia Dreamweaver 8 打开织梦模板文件 templets\default路径下的文件的index.htm模板页面,我们先来看一看模板的css。<link href="{dede:global.cfg_templeturl/}/20090629/dedecms.css" rel="stylesheet" media="screen" type="text/css" />,在index.htm里面得第八行就是这一句,通过这句话我们可以看到一个css路径,也就是在\templets\style这个文件下的所有文件都是织梦模板默认模板的css文件,而index.htm这个模板页面的css就是dedecms.css。我们再来打开这个css文件后会看到 @import url("layout.css");@import url("page.css");这两句的意思就是dedecms.css这个css文件还引用了layout.css和page.css这2个css,通过查看dedecms.css文件大家可以发现这个css主要控制的是织梦模板文件的头部和尾部以及所有css的全局设计,我们可以找到/*———- base ———*/这句下面一直到/*———- frame ———*/这里基本上都是全局css。我们可以透过看单词就明白是header和foot的css,也就是模板的头尾部css。

关于page和layout这两个css是关于列表部分css、翻页css、以及一些通用的css,我们可以通过查看css了解一下

现在我们打开head.htm模板文件,织梦模板的前台模板在\templets\default文件夹下。

下面根据默认模板简单讲解一下css的对应关系和部分标签的基础应用

首先我们打开head.htm后会看到<div class="header">这句话,那么其中的header就是一个定义为header的css。那我们可以复制header,然后在dedecms.css里用Ctrl+f来查找有关header的所有css定义,其它css的查找同样,如果你在某个css文件中找不到相应的css那么就在其他几个css文件中查找,然后修改。至于具体怎么修改css就不再本次讲解之内了,有关css的学习在网上有很多教程,在这里只是简单说明一下css的查找和应用。

打开index.htm文件,删除body里的所有内容。

首先说一下arclist即文档列表标签,这个标签在模板当中应用是最广也是最基本的标签,熟悉这个标签后只要学会变通,基本可以学会dede的所有标签应用。arclist这个标签是全局标签,也就是说这个标签基本上在任何模板都可以使用,当然不包括一些特殊模板。如search.htm这个模板貌似就不能用。arclist标签的基本结构:{dede:arclist}<a href='[field:arcurl/]’>[field:title/]</a>{/dede:arclist}首先dede大部分的标签html语言一样,都是需要闭合的。{dede:arclist}{/dede:arclist}也就是必须要有这2个部分组成,然后再中间插入,如:<a href='[field:arcurl/]’>[field:title/]</a>这样的标题标签(dede的标签除了channelartlist标签是可以嵌套的之外,其它标签都不可以嵌套的)我们在后台添加好文章后,在刚打开的index.htm模板里输入{dede:arclist}<a href='[field:arcurl/]’>[field:title/]</a>{/dede:arclist},并保存。然后打开首页就会看到前台页面中已经输出了几个标题(默认是10个标题)。

现在开始讲解arclist标签的参数应用。

1,col。这个是关于调用出来的标题分为几列的具体应用:{dede:arclist col=2}<a href='[field:arcurl/]’>[field:title/]</a> <br />{/dede:arclist}这里我们设置col=2,也就是说设置为2列,同时细心的朋友也发现了还多了个 <br />,这是html里的东西,表示换行,是为了更好的区别输出的内容。保存后并生成或刷新首页,这时在首页就会显示2列,每列为5行的标题输出

2,row参数,row是表示一共输出多少个标题。应用:{dede:arclist row=8}<li><a href='[field:arcurl/]’>[field:title/]</a> </li>{/dede:arclist}我们设置为row=8,保存生成或刷新首页,我们看到了不是原来的10个标题而是变成了8个标题,也就是说row参数已经起到作用了。这就是row的应用,同时我们可以把8改成20,这时就变成20了个标题了我们再加上前面讲的col{dede:arclist row=20 col=2}<li><a href='[field:arcurl/]’>[field:title/]</a> </li>{/dede:arclist}变成了2列 并每列10个标题的样式

3,typeid,这个参数是指定某个栏目调用文章标题,就是我们在后台看到的。这里的ID:6就是typeid

这个通过后台–核心–网站栏目管理,右侧的栏目列表可以查看到。

4.orderby 排序方式参数排序方式大致分为1,按点击数(orderby=’hot’ 或 orderby=’click’),也就是大家在有些网站上看到的热门文章2,按出版时间(orderby=’sortrank’ 或 orderby=’pubdate’ )3,按最后出现评论的时间排序 orderby==’lastpost’ 4,按得分 orderby==’scores’5,按文章ID排序 orderby=’id’ 6, 随机文档列表 orderby=’rand’ 也就是大家在有些网站看到随机推荐{dede:arclist row=20 col=2 typeid=7 titlelen=20 orderby=’hot’ }<li><a href='[field:arcurl/]’>[field:title/]</a> </li>{/dede:arclist}这是一个热门文章的例子,其它排序方式只要修改hot就可以了

5,titlelen ,这个参数是说明调用文章标题的字数。标签应用:{dede:arclist row=20 col=2 typeid=7 titlelen=10}<li><a href='[field:arcurl/]’>[field:title/]</a> </li>{/dede:arclist}我们看到这里设置了titlelen=10,那么就是说这次调用的标题字数为5个,有些人会奇怪明明是写着10为什么会输出5个字呢。因为2个字节为1汉字,所以就是5个汉字。要看出变化就要添加不同标题的文章,我们看到输出的标题字数为5个汉字了

6.flag 自定义属性的应用。大家后台添加文章的时候会看到

7.下面讲怎么调用带缩略图的效果[field:image/]标题加缩略图加摘要。标签写法:{dede:arclist row=1 type=’image.’ imgwidth=’124′ imgheight=’94’ }<li><a href='[field:arcurl/]’>[field:title/]</a> </li><p>[field:image/][field:info/]</p>{/dede:arclist}我们看到这arclist里多出了 type=’image.’ imgwidth=’124′ imgheight=’94’这3个参数。他们分别说明这个标签调用的内容必须是有缩略图的,而且宽是124px 高是94的缩略图。[field:image/]这个就是调用缩略图的参数

8.摘要调用参数:[field:info/] 应用方法{dede:arclist row=1 col=2 typeid=7 titlelen=20 orderby=’hot’ }<li><a href='[field:arcurl/]’>[field:title/]</a> </li><p>[field:info/]</p>{/dede:arclist}上面给出的是一个关于栏目ID为7,标题字数为10个汉字并且是1条热门的标题带摘要的调用方法。这里col=2不起作用,因为只有调用一个标题。那么有人就要说了,这个摘要太长了,我不需要那么长的摘要怎么办呢?这里我们有个参数是控制摘要字数的。“infolen=”这就是控制摘要字数的。应用{dede:arclist row=1 typeid=7 titlelen=20 orderby=’hot’ infolen=’60’ }<li><a href='[field:arcurl/]’>[field:title/]</a> </li><p>[field:info/]</p>{/dede:arclist}我们发现这次调用出来的摘要字数在30汉字,默认dede的摘要长度为250个字节,也就是125个字节。

世界会向那些有目标和远见的人让路(冯两努–香港着名推销商

织梦模板标签的使用,DEDECMS模板教程

相关文章:

你感兴趣的文章:

标签云: