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

这时我轻轻地闭上了眼睛,我好像来到童话世界,好像在和小鸟讨论秋天的美景,好像在和小草拍秋天的照片。农民伯伯在田野里收获了庄稼,果农们在果园里收获了果子,我们在学校里收获快乐、收获知识、收获成长。

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

<link rel="nofollow noopener noreferrer" href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/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后会看到<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 rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a> {/dede:arclist} 首先dede大部分的标签html语言一样,都是需要闭合的。 {dede:arclist} {/dede:arclist} 也就是必须要有这2个部分组成 然后再中间插入,如:<a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a>这样的标题标签

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

大家在后台添加好文章后,在刚打开的index.htm模板里输入{dede:arclist} <a rel="nofollow noopener noreferrer" href='[field:arcurl/]'>[field:title/]</a> {/dede:arclist}

并保存

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

到此这篇关于DedeCMS中Arclist标签的基本应用好代码教程就介绍到这了。不要生气要争气,不要看破要突破,不要嫉妒要欣赏,不要托延要积极,不要心动要行动。更多相关DedeCMS中Arclist标签的基本应用好代码教程内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
用好织梦站内搜索 提高用户体验

DEDE综合应用好代码教程

dedecms如何实现任意页面调用当前会员信息的方

DedeCMS织梦判断是否有二级栏目输出HTML代码

织梦dedecms dede:arclist输出取消换行符