DedeCMS中Arclist标签的基本应用教程

DedeCMS中Arclist标签的基本应用教程,第1张

概述用Dreamweaver 打开dede文件的index.htm模板页面,首先讲一下怎么看模板的css。 link href={dede:global.cfg_templeturl/}/style/dedecms.css rel=stylesheet media=screen type=text/css / 在index.htm里第八行里就是这一句,通过这句话大家可以看到一个css

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

在index.htm里第八行里就是这一句,通过这句话大家可以看到一个CSS路径,也就是在\templets\style这个文件下的所有文件都是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的前台模板在\templets\default文件夹下

下面根据默认模板简单讲解一下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}
href='[fIEld:arcurl/]'>[fIEld:Title/] {/dede:arcList}
首先dede大部分的标签HTML语言一样,都是需要闭合的。
{dede:arcList}
{/dede:arcList}
也就是必须要有这2个部分组成
然后再中间插入,如:href='[fIEld:arcurl/]'>[fIEld:Title/]

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

大家在后台添加好文章后,在刚打开的index.htm模板里输入{dede:arcList}
href='[fIEld:arcurl/]'>[fIEld:Title/] {/dede:arcList}

并保存

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

总结

以上是内存溢出为你收集整理的DedeCMS中Arclist标签的基本应用教程全部内容,希望文章能够帮你解决DedeCMS中Arclist标签的基本应用教程所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/1021414.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存