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

帝国cms模板开发教程(十):帝国cms内容模板开发

编辑:覃师宁来源:qinshining.com时间:2020-11-25 17:22:37阅读量:

前面学习了帝国cms首页、封面页、列表页模板的开发,我们开始学习帝国cms内容页面模板的开发制作。内容模板由标题、作者、时间、正文、版权声明、标签等信息组成,我们只要一一对应的调用即可

案例网址:http://ecms.qinshining.com/news/news2/6.html

1、帝国cms内容模板所在位置:

路径:后台--模板--内容模板--管理内容模板

2、了解内容模板构成要素以及调用代码

这里以代码角度,从上到下给出整个内容页模板构成要素以及所需要代码的调用写法

<!-- 页头调用 -->
<!-- 面包屑导航 -->
<!-- 文章h1标题 -->
<!-- 时间、栏目名称、阅读量、作者、文章来源 -->
<!-- 文章简介 可省略 -->
<!-- 文章正文 -->
<!-- 文章标签 -->
<!-- 文章版权 -->
<!-- 上一篇、下一篇 -->
<!-- 相关文章 -->
<!-- 文章评论 -->
<!-- 调用侧边栏 -->
<!-- 页尾调用 -->

下面注意对以上构成元素进行代码的修改和分析

2-1.页头调用

[!--temp.header--]

2-2.面包屑导航

[!--newsnav--]

2-3.文章标题h1标签

[!--title--]

2-4.时间、栏目名称、阅读量、作者、文章来源

时间:[!--newstime--]

栏目名称:[!--class.name--]

阅读量:<script src=[!--news.url--]e/public/ViewClick/index.php?classid=[!--classid--]&id=[!--id--]&addclick=1></script>

作者:[!--writer--]

文章来源:[!--befrom--]

2-5.文章简介

[!--smalltext--]

2-6.新闻正文

[!--newstext--]

2-7.文章标签

[showtags]'selfinfo',10,0,'',0,'',' ',0,'','tagid'[/showtags] 
            
[showtags]分类ID,显示数量,每行显示数量,显示排序,只显示推荐,推荐TAGS属性,显示间隔符,是否显示信息数,链接附加参数[/showtags]
            
实现路径:后台--模板--自动生成标签--信息调用标签--调用TAGS标签(showtags)

2-8.文章版权

没什么特别的,主要就是一些版权声明文字,然后就是文章标题和文章链接的调用、只需要把静态页面的基本信息改成帝国标签即可

文章标题:[!--title--]

文章链接:[!--titleurl--]

2-9.上一篇下一篇

官方默认调法:

<p>上一篇:[!--info.pre--]</p>

<p>下一篇:[!--info.next--]</p>

动态调用:

<a href="/e/public/GotoNext?classid=[!--self.classid--]&id=[!--id--]&enews=pre">上一篇文章</a>

<a href="/e/public/GotoNext?classid=[!--self.classid--]&id=[!--id--]&enews=next">下一篇文章</a>

灵动标签调用(模仿wordpress知更鸟上一篇下一篇样式):

[e:loop={'selfinfo',1,0,0,'id<'.$navinfor[id].'','id desc'}]
<a href="<?php
echo $bqsr[titleurl];
$pre='true';
?>">上一篇:<?=$bqr[title]?>
</a>
[/e:loop]
<?php
if(empty($pre)){
echo "上一篇:很抱歉没有了";
}
?>
[e:loop={'selfinfo',1,0,0,'id>'.$navinfor[id].'','id asc'}]
<a href="<?php
echo $bqsr[titleurl];
$next='true';
?>">下一篇:<?=$bqr[title]?>
</a>
[/e:loop]
<?php
if(empty($next)){
echo "下一篇:很抱歉没有了";
}
?>

2-10.相关文章

默认调法:

[!--other.link--]

2-11.文章评论

官方评论插件:
        
http://bbs.phome.net/ShowThread/?threadid=360424&forumid=42
        
一开始录制这套视频教程,也是打算用官方评论插件作为课程录制文章评论的,后面几个网友@覃师宁博客反馈说,使用JS调用,右键查看网页源代码,查看不到评论内容

这样不利于SEO收录,问能不能改成代码输出,在网页源代码能够查看评论内容

这里,我使用评论调用标签(showplinfo)实现这一功能,但是为了实现showplinfo调用评论列表操作还是挺繁琐的
        
评论调用标签(showplinfo)
        
实现路径:后台--模板--自动生成标签--非信息调用标签--评论调用标签(showplinfo)
        
[showplinfo]调用条数,标签模板ID,栏目ID,信息ID,显示推荐评论,操作类型[/showplinfo]

 


 

其中内容页制作难点在于新闻正文字段newstext的二次开发

包括以下几个方面

1、图片优化(增加alt和title、图片灯箱、lazyload懒加载效果)

效果图:

帝国cms模板开发教程(十):帝国cms内容模板开发 第1张

案例网址:http://ecms.qinshining.com/news/news1/3.html

2、正文内链优化(针对帝国关键词内链拆分和关键词长短优先级排序、以及设置内链关键词次数)

案例网址设置了整篇文章设置3个锚文本关键字、每个相同的关键字只出现1词、且按照关键字优先级先排序较长的词

案例网址:http://ecms.qinshining.com/news/news1/3.html

3、正文外链优化(外链自动添加rel=“nofollow”  新窗口target=“_blank” 打开)

效果图

帝国cms模板开发教程(十):帝国cms内容模板开发 第2张

案例网址:http://ecms.qinshining.com/news/news1/4.html

4、根据文章h2、h3标签实现文章目录功能

效果图

帝国cms模板开发教程(十):帝国cms内容模板开发 第3张

案例网址:http://ecms.qinshining.com/news/news1/5.html

5、其他设置,比如静态网页代码压缩

源代码压缩前

帝国cms模板开发教程(十):帝国cms内容模板开发 第4张

源代码压缩后

帝国cms模板开发教程(十):帝国cms内容模板开发 第5张

更多功能需求,欢迎反馈!

很赞哦!(

相关文章

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

更多回答

网创邦微信公众号