dedecms模板中arclist标签的应用方法介绍

用Dreamweaver 打开dede文件的index.htm模板页面
首先讲一下怎么看模板的css

<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />

在index.htm里第八行里就是这一句，通过这句话大家可以看到一个css路径，也就是在templetsstyle这个文件下的所有文件都是dede默认模板的css文件，而index.htm的css就是dedecms。
打开这个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模板文件
dede的前台模板在templetsdefault文件夹下
下面根据默认模板简单讲解一下css的对应关系和部分标签的基础应用
首先大家打开head.htm后会看到<div class="header">这句话
那么其中的header就是一个定义为header的css
那我们可以复制header，然后再dedecms.css
里用Ctrl+f来查找有关header的所有css定义
其它css的查找同样，如果你在某个css文件中找不到相应的css那么就在其他几个css文件中查找，然后修改
至于具体怎么修改css就不再本次讲解之内了，有关css的学习在网上有很多教程
在这里只是简单说明一下css的查找和应用
下面讲解一些标签的应用
我会通过实例来和大家分享
【呵呵，css的知识范围太广了，不是一两句话就可以说清楚的，如果大家在学习的过程有什么不明白的地方可以在另一个群（83086030）里讨论。
】
打开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，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个汉字了
5.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就可以了
6.摘要调用参数：[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个字节。
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.flag  自定义属性的应用。
大家后台添加文章的时候会看到
这些就是通过flag来实现的。
flag的具体属性就是大家在后台看到的自定义属性里的那些属性了。
具体应用：

{dede:arclist row=1 type=’image.’ imgwidth=’124′ imgheight=’94′ flag=’c’}
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
<p>[field:image/][field:info/]</p>
{/dede:arclist}

这时一个关于推荐的带缩略图和摘要的应用效果.
其它flag属性如：头条[h]特别推荐[a]图片[p]幻灯[f]滚动[s]跳转[j]图文[a]加粗
的应该同推荐的。
9.subday这个参数说调用多少天内的文章。

{dede:arclist row=10 subday=1}
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
<p>[field:image/][field:info/]</p>
{/dede:arclist}

这里是调用一天内添加的文章，那么我今天没有添加任何东西就不可能调用出什么东西来，效果就是空白的。
这个参数大多和热门文章，也就是orderby=’hot’ 一起使用。
具体标签：

{dede:arclist row=10 subday=30 orderby=’hot’ }
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
<p>[field:image/][field:info/]</p>
{/dede:arclist}

标签

​​​​​​​{dede:arclist row=10 subday=30 orderby=’hot’ }
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
{/dede:arclist}

  呵呵，因为我添加的所有 文章标题都一样所以看不出什么效果，大家在实验的时候添加不同的内容就可以看出效果来了。
10 channelid 这个参数是指调用某个模型内的所有文章
关于模型的id大家可以通过后台—核心—频道模型—内容模型管理，在右侧可以看到。
前面的id号就是模型ID了。

{dede:arclist row=10 subday=30 orderby=’hot’channelid=1}
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
{/dede:arclist}

这个应用和typeid相同。
11. keyword=”  这个是关于调用指定某个关键字的文档列表。
标签应用：

{dede:arclist row=10 keyword=’简介 ‘ }
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
{/dede:arclist}

这里指定的关键词是“简介 ”那么调用出来的文档都是有“简介 ”的标题。
（不过这个应用好像不多，呵呵）arclist标签的基本应用也就这些了。

本文标签：

声明：本文由代码号注册/游客用户【卫耿羿】供稿发布，本站不对用户发布的dedecms模板中arclist标签的应用方法介绍信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益，请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议，尊重和保护作者的劳动成果，转载请标明出处链接和本声明内容。本文作者：卫耿羿» /dmh/10534.html

很赞哦！ ()