欢迎来到覃师宁博客!
帝国cms使用手册

帝国cms模板开发教程(七):帝国cms首页模板开发

编辑:覃师宁来源:qinshining.com时间:2020-11-25 16:00:59阅读量:

学习了帝国cms网页头部与尾部、侧边栏的开发,我们开始学习帝国cms首页模板的开发,下面一起来学习帝国cms首页的写入! 

1、先了解帝国cms页面首页所在位置:

路径:后台--模板--首页模板

2、明确首页构成

先看一个简单的页面,这个页面主要组成部分从上到下代码书写顺序就是

页头  [!--temp.header--]

首页主体

侧边栏  [!--temp.sidebar--]

页尾  [!--temp.footer--]

前面的文章我们已经写入了页面头部、尾部、侧边栏,今天我们主要写页面的主体,而页面的主体主要由文章列表构成

3.首页主体内容代码修改

首页主体内容代码的修改还是以蒙爱明博客提供的《博客人生》静态页面进行修改

静态网页地址:http://mengaiming.com/blog/index.html

演示网站地址:http://dome.qinshining.com/

3-1.网站滚动公告栏

帝国cms模板开发教程(七):帝国cms首页模板开发 第1张

滚动公告栏,也就是调用3-5篇文章作为公告展示

调用方式多种多样,可以使用文字广告的形式,也就是文字+链接的形式跳转到指定文章链接

[phomead]文字广告id[/phomead]

对于广告添加查看延伸阅读文章

延伸阅读:帝国cms广告系统使用以及调用方式详解

当然,也可以使用拓展变量调用方式、甚至灵动标签都可以,看大家喜欢用哪种方式

延伸阅读:

1.帝国cms灵动标签的使用教程

2.帝国cms拓展变量调用指定id的文章

3-2.banner轮播图

帝国cms模板开发教程(七):帝国cms首页模板开发 第2张

banner轮播图,这里采用的是图片+链接的形式

[phomead]图片广告id[/phomead]

对于广告添加查看延伸阅读文章

延伸阅读:帝国cms广告系统使用以及调用方式详解

3-3.头条文章

帝国cms模板开发教程(七):帝国cms首页模板开发 第3张

这里采用灵动标签调用一篇一级头条,五篇二级头条文章

一篇一级头条文章

<!-- 调用新闻数据表一篇一级头条的文章 -->

[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-4.推荐文章

帝国cms模板开发教程(七):帝国cms首页模板开发 第4张

具体调用方式,查看延伸阅读文章

延伸阅读:帝国cms拓展变量调用指定id的文章

3-5.四宫格模块化栏目文章

帝国cms模板开发教程(七):帝国cms首页模板开发 第5张

四宫格模块化栏目文章,使用的是灵动标签调用最新/热门/热评文章都可以,对于灵动标签如何调用这些文章,在侧边栏制作开发一文已经详细说明灵动标签自动生成按照需求筛选条件,如果还不会,可以返回侧边栏制作认真阅读,具体在3-2.tab选项卡

延伸阅读:帝国cms模板仿站制作教程(六):帝国cms网页侧边栏模板开发

3-6.最新文章

帝国cms模板开发教程(七):帝国cms首页模板开发 第6张

最新文章这里我使用的是万能标签调用,对于万能标签还不是很理解的朋友,可以查看延伸阅读文章

延伸阅读:帝国cms万能标签的使用教程

[ecmsinfo]'news',10,32,0,18,13,0,'','istop DESC,newstime DESC'[/ecmsinfo]

代码中的13,是标签模板id,这个标签模板是我针对调用最新文章列表建立的

路径:后台--标签模板--管理标签模板—增加标签模板

这里,我重点解释一下,为什么不适用灵动标签调用最新文章,而选择更加需要调用标签模板的万能标签

原因很简单,增加的这个标签模板,在后面栏目列表页、乃至tags标签列表页、甚至搜索列表页中写法基本一样,所以在首页调用最新文章列表就直接复制粘贴调用,后台栏目列表、tags列表、搜索列表模板页面模板内容和列表内容模板(list.var) (*)直接复制粘贴即可

对于标签模板或者栏目列表模板,在延伸阅读文章中有详细介绍,这里不多做解释

延伸阅读:帝国cms如何增加标签模板

很赞哦!(

相关文章

更多回答

人参与,共有0条回复

为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

网创邦微信公众号