dedecms模板中arclist标签的基本应用

  用Dreamweaver 打开dede文件的index.htm模板页面

  首先讲一下怎么看模板的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后会看到

这句话

  那么其中的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}

  [field:title/]

  {/dede:arclist}

  首先dede大部分的标签html语言一样,都是需要闭合的。

  {dede:arclist}

  {/dede:arclist}

  也就是必须要有这2个部分组成

  然后再中间插入,如:[field:title/]这样的标题标签

  (dede的标签除了channelartlist标签是可以嵌套的之外,其它标签都不可以嵌套的)

  大家在后台添加好文章后,在刚打开的index.htm模板里输入{dede:arclist}

  [field:title/]

  {/dede:arclist}

  并保存

  然后打开首页就会看到前台页面中已经输出了几个标题(默认是10个标题)

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

  1,col。

  这个是关于调用出来的标题分为几列的

  具体应用:

  {dede:arclist col=2}

  [field:title/]

  {/dede:arclist}

  这里我们设置col=2

  也就是说设置为2列

  同时细心的朋友也发现了还多了个

  这是html里的东西,表示换行,是为了更好的区别输出的内容。

  保存后并刷新首页

  这时在首页就会显示2列,每列为5行的标题输出

  2,row参数,row是表示一共输出多少个标题。

  应用:

  {dede:arclist row=8}

  

  • [field:title/]
  •   {/dede:arclist}

      我们设置为row=8

      保存并刷新首页

      我们看到了不是原来的10个标题而是变成了8个标题,也就是说row参数已经起到作用了。

      这就是row的应用

      同时我们可以把8改成20

      这时就变成20了个标题了

      我们再加上前面讲的col

      {dede:arclist row=20 col=2}

      

  • [field:title/]
  •   {/dede:arclist}

      变成了2列 并每列10个标题的样式

      3,typeid,这个参数是指定某个栏目调用文章标题

      就是我们在后台看到的

      这里的ID:6就是typeid

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

      效果为:

      (这里大家看到的效果不明显

      因为我在本地就添加了一个栏目的文章

      大家在测试的时候多添加几个栏目的文章就会很明显的看到效果了)

      4,titlelen ,这个参数是说明调用文章标题的字数。

      标签应用:

      {dede:arclist row=20 col=2 typeid=7 titlelen=10}

      

  • [field:title/]
  •   {/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’ }

      

  • [field:title/]
  •   {/dede:arclist}

      这时一个热门文章的例子,其它排序方式只要修改hot就可以了

      前台效果

      6.摘要调用参数:[field:info/] 应用方法

      {dede:arclist row=1 col=2 typeid=7 titlelen=20 orderby=’hot’ }

      

  • [field:title/]
  •   

    [field:info/]

      {/dede:arclist}

      上面给出的是一个关于栏目ID为7,标题字数为10个汉字并且是1条热门的标题带摘要的调用方法。

      这里col=2不起作用,因为只有调用一个标题。

      那么有人就要说了,这个摘要太长了,我不需要那么长的摘要怎么办呢?

      这里我们有个参数是控制摘要字数的。

      “infolen=”这就是控制摘要字数的。

      应用

      {dede:arclist row=1 typeid=7 titlelen=20 orderby=’hot’ infolen=’60′ }

      

  • [field:title/]
  •   

    [field:info/]

      {/dede:arclist}

      我们发现这次调用出来的摘要字数在30汉字,默认dede的摘要长度为250个字节,也就是125个字节。

      7.下面讲怎么调用带缩略图的效果[field:image/]

      也就是这种效果

      标题加缩略图加摘要。

      标签写法:

      {dede:arclist row=1 type=’image.’ imgwidth=’124′ imgheight=’94′ }

      

  • [field:title/]
  •   

    [field:image/][field:info/]

      {/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’}

      

  • [field:title/]
  •   

    [field:image/][field:info/]

      {/dede:arclist}

      这时一个关于推荐的带缩略图和摘要的应用效果.

      其它flag属性如:头条[h]特别推荐[a]图片[p]幻灯[f]滚动[s]跳转[j]图文[a]加粗

      的应该同推荐的。

      9.subday这个参数说调用多少天内的文章。

      {dede:arclist row=10 subday=1}

      

  • [field:title/]
  •   

    [field:image/][field:info/]

      {/dede:arclist}

      这里是调用一天内添加的文章,那么我今天没有添加任何东西就不可能调用出什么东西来,效果就是空白的。

      这个参数大多和热门文章,也就是orderby=’hot’ 一起使用。

      具体标签:

      {dede:arclist row=10 subday=30 orderby=’hot’ }

      

  • [field:title/]
  •   

    [field:image/][field:info/]

      {/dede:arclist}

      标签{dede:arclist row=10 subday=30 orderby=’hot’ }

      

  • [field:title/]
  •   {/dede:arclist}

      呵呵,因为我添加的所有 文章标题都一样所以看不出什么效果,大家在实验的时候添加不同的内容就可以看出效果来了。

      10 channelid 这个参数是指调用某个模型内的所有文章

      关于模型的id大家可以通过后台—核心—频道模型—内容模型管理,在右侧可以看到。

      前面的id号就是模型ID了。

      {dede:arclist row=10 subday=30 orderby=’hot’channelid=1}

      

  • [field:title/]
  •   {/dede:arclist}

      这个应用和typeid相同。

      11. keyword=” 这个是关于调用指定某个关键字的文档列表。

      标签应用:

      {dede:arclist row=10 keyword=’简介 ‘ }

      

  • [field:title/]
  •   {/dede:arclist}

      这里指定的关键词是“简介 ”那么调用出来的文档都是有“简介 ”的标题。

      (不过这个应用好像不多,呵呵)

    ☉免责声明:本站所有模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服,我们核实后会立即删除。
    ☉本站提供的源码、模板、软件工具等其他资源,都不包含技术服务,请大家谅解!
    pbootcms模板网 » dedecms模板中arclist标签的基本应用

    Pbootcms模板网 提供优质的模板集合

    立即查看 了解详情