学习了帝国cms网页头部与尾部、侧边栏的开发,我们开始学习帝国cms首页模板的开发,下面一起来学习帝国cms首页的写入!
1、先了解帝国cms页面首页所在位置:
路径:后台--模板--首页模板
2、明确首页构成
先看一个简单的页面,这个页面主要组成部分从上到下代码书写顺序就是
页头 [!--temp.header--]
首页主体 首页主体是本节课程所要介绍的,请往下认真看
侧边栏 [!--temp.sidebar--]
页尾 [!--temp.footer--]
前面的文章我们已经写入了页面头部、尾部、侧边栏,今天我们主要写页面的主体,而页面的主体主要由文章列表构成
3.首页主体内容代码修改
演示网站地址:http://ecms.qinshining.com/
3-1.banner轮播图
banner轮播图,这里采用的是图片+链接的形式
[phomead]图片广告id[/phomead]
对于广告添加查看延伸阅读文章
延伸阅读:帝国cms广告系统使用以及调用方式详解
3-2.头条文章
这里采用灵动标签调用一篇一级头条,五篇二级头条文章、当然也可以根据自己的需求调用置顶文章或者推荐文章
一篇一级头条文章
<!-- 调用新闻数据表一篇一级头条的文章 -->
[e:loop={'news',1,18,0,'firsttitle=1'}]
<a href="<?=$bqsr['titleurl']?>" target="_blank"><?=$bqr['title']?></a> <br>
[/e:loop]
五篇二级头条文章
<!-- 调用新闻数据表5篇二级头条的文章 -->
[e:loop={'news',5,18,0,'firsttitle=2'}]
<li>
<i></i><a href="<?=$bqsr['titleurl']?>" target="_blank" title="<?=$bqr['title']?>"><?=$bqr['title']?></a>
<span><?=date("Y-m-d",$bqr[newstime])?></span>
<p><?=esub($bqr[smalltext],120)?></p>
</li>
[/e:loop]
以上代码都可以在后台—模板—自动生成模板—灵动标签中进行条件匹配得出
3-3.推荐文章
具体调用方式,查看延伸阅读文章
延伸阅读:帝国cms拓展变量调用指定id的文章
3-4.四宫格模块化栏目文章
四宫格模块化栏目文章,使用的是灵动标签调用最新/热门/热评文章都可以,对于灵动标签如何调用这些文章,在侧边栏制作开发一文已经详细说明灵动标签自动生成按照需求筛选条件,如果还不会,可以返回侧边栏制作认真阅读,具体在3-2.tab选项卡
延伸阅读:帝国cms模板仿站制作教程(六):帝国cms网页侧边栏模板开发
3-5.最新文章
最新文章这里我使用的是万能标签调用,对于万能标签还不是很理解的朋友,可以查看延伸阅读文章
延伸阅读:帝国cms万能标签的使用教程
[ecmsinfo]'news',10,32,0,18,13,0,'','istop DESC,newstime DESC'[/ecmsinfo]
代码中的13,是标签模板id,这个标签模板是我针对调用最新文章列表建立的
路径:后台--标签模板--管理标签模板—增加标签模板
这里,我重点解释一下,为什么不适用灵动标签调用最新文章,而选择更加需要调用标签模板的万能标签
原因很简单,增加的这个标签模板,在后面栏目列表页、乃至tags标签列表页、甚至搜索列表页中写法基本一样,所以在首页调用最新文章列表就直接复制粘贴调用,后台栏目列表、tags列表、搜索列表模板页面模板内容和列表内容模板(list.var) (*)直接复制粘贴即可
对于标签模板或者栏目列表模板,在延伸阅读文章中有详细介绍,这里不多做解释
延伸阅读:帝国cms如何增加标签模板