欢迎访问39源码网!

39源码网

您现在的位置是:39源码网 > 建站技术 > DEDE教程 >

DEDE教程

织梦CMS中Arclist标签的基本应用课程

发布时间:2021-10-12DEDE教程评论
用Dreamweaver 打开dede文件的index.htm模板页面,第一讲一下如何看模板的css。

-->

用Dreamweaver 打开dede文件的index.htm模板页面,第一讲一下如何看模板的css。

<link href="{dede:global.cfg_templeturl/}/style/织梦CMS.css" rel="stylesheet" media="screen" type="text/css" />
在index.htm里第八行里就是这一句,通过这句话大伙可以看到一个css路径,也就是在\templets\style这个文件下的所有文件都是dede默认模板的css文件,而index.htm的css就是织梦CMS。

打开这个css文件后大伙会看到
@import url;
@import url;
这两句话

这两句的意思就是织梦CMS.css这个css文件还引用了
layout.css和page.css这2个css

通过查询织梦CMS.css文件大伙可以发现这个css主要控制的是所有模板文件的头部和尾部与所有css的全局设计

大伙找到/*---------- base ---------*/这句下面一直到/*---------- frame ---------*/这里基本上都是全局css

下面的透过看单词就了解是header和foot的css
也就是模板的头尾部css

关于page和layout这两个css是关于列表部分css、翻页css、与一些通用的css,大伙可以通过查询css认识一下

下面大伙打开head.htm模板文件

dede的前台模板在\templets\default文件夹下

下面依据默认模板容易解说一下css的对应关系和部分标签的基础应用

第一大伙打开head.htm后会看到<div class="header">这句话
那样其中的header就是一个概念为header的css

那大家可以复制header,然后再织梦CMS.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}

并保存

然后打开首页就会看到前台页面中已经输出了几个标题

广告位