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

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

编辑:覃师宁来源:qinshining.com时间:2020-11-25 15:42:39阅读量:

学习了帝国cms网页头部与尾部的开发,同样的写法,我们也需要把网页侧边栏的信息单独写入[!--temp.sidebar--]模板中

下面一起来学习帝国cms页面侧边栏的开发学习! 

1.了解侧边栏常见元素

以《博客人生》静态网页模板为例,包含站长简介、tab选项(调用最新文章、热评文章、热门文章)、标签云、网站基本信息

具体查看演示站首页侧边栏:http://ecms.qinshining.com/

2、侧边栏提取存放位置

提取静态网页侧边栏存放到公共模板中,帝国公共模板默认是不存在的公共侧边栏,需要自己新增一个模板变量,取名sidebar即可

路径:后台--模板--公共模板变量--管理模板变量--页面侧边栏

3、页面侧边栏调用代码:

也就是模板变量名:

  • [!--temp.sidebar--]

3、 侧边栏代码修改

3-1.站长简介

对于站长简介,其实没什么好介绍的,直接在源代码复制进去即可

帝国cms模板仿站制作教程(六):帝国cms网页侧边栏模板开发 第1张

3-2.tab选项卡

帝国cms模板仿站制作教程(六):帝国cms网页侧边栏模板开发 第2张

tab选项卡是调用最新文章、热门文章、热评文章,这里我们使用灵动标签调用,代码使用自动生成标签

路径:后台--模板--自动生成标签--然后可以选择灵动标签进行条件设置,然后输出即可

帝国cms模板仿站制作教程(六):帝国cms网页侧边栏模板开发 第3张

这里调用按照条件需求筛选即可,最主要的是显示排序

最新文章:按发布时间降序排序

热门文章:按点击率降序排序

热评文章:按评论数降序排序

帝国cms模板仿站制作教程(六):帝国cms网页侧边栏模板开发 第4张

按照条件筛选,点击输出标签,然后复制上面标签内容,最后把代码复制到侧边栏tab位置即可

3-3.标签云

帝国cms模板仿站制作教程(六):帝国cms网页侧边栏模板开发 第5张

标签云官方常规调用方法

[showtags]'',10,0,'',0,'',' ',0,'','tagname'[/showtags]

灵动标签调用标签云方法

[e:loop={"select * from [!db.pre!]enewstags order by num DESC limit 20",0,24,0}]

<? echo '<li><a href="/tags-etagid'.urlencode($bqr['tagid']).'-0.html">'.$bqr['tagname'].'<span class="tag-count"> ('.$bqr['num'].')</span></a></li>';?>

[/e:loop]

3-4.网站统计信息

网站程序、网站模板这没什么好讲的,直接写入即可

帝国cms模板仿站制作教程(六):帝国cms网页侧边栏模板开发 第6张

这里主要讲文章统计和文章评论

标签生成:后台--模板--自动生成标签--网站信息统计

新闻系统文章统计

[totaldata]‘news’,2,0,0[/totaldata]

新闻系统评论统计

[totaldata]'news',2,0,1[/totaldata]

到这一步,侧边栏的整体工作就已经完成,整个侧边栏调用,90%的代码调用都是用灵动标签进行调用,如果对帝国cms灵动标签调用有不明白的地方,请看灵动标签的延伸文章

延伸阅读:帝国cms灵动标签的使用教程

很赞哦!(

相关文章

发表评论共有条评论
用户名:密码:
验证码:匿名发表

更多回答

网创邦微信公众号