公告:

欢迎访问元元本本博客-关注建站技术、SEO优化、主机服务器、站长学习分享!

给DedeCMS内容列表标题后面添加“热门”或“最新”的图标

作者:元元本本博客 / 时间:2个月前 (09/10) / 分类:学习织梦cms / 阅读:51 / 评论:0

当我们用DedeCMS做网站的时候,尤其是一些大型门户网站,需要给首页或者栏目封面页的文章内容列表的标题前面或者后面添加一个带有“热门”或者“最新”标识的小图标,用来区分热门文章和最新发布的文章。如下图:

给DedeCMS内容列表标题后面添加“热门”或“最新”的图标-第1张图片-元元本本

下面,织梦58就教大家如何实现这个功能:

首先你需要准备有“热门”或者“最新”标识的图标,具体图标可以去百度下载或者在织梦58的织梦素材专区查找下载。

然后就是首页或者封面页内容列表循环标签中图标调用标签的添加了。

最新文章显示“最新”图标的标签:在列表循环标签里面的文章标题调用标签的前面或者后面添加如下代码:

[field:pubdate runphp='yes']
$ntime = time();
$day3 = 3600 * 24 * 3;
if(($ntime – @me) < $day3) @me = "<span class='new_ico'></span>";
else @me ="";
[/field:pubdate]

 

上面代码中的红色数字3表示在最近3天以内发布的文章被列为最新文章,标题前面将会带有<span class='new_ico'></span>代码,数字可以随意修改,我们需要做的就是在CSS里面给new_ico样式定义一个宽度和高度还有背景,背景图片就是那个“最新”标识的图标。

下面是“热门”图标的标签:

[field:click runphp='yes']
if(@me > 1000 )@me = "<span class='hot_ico'></span>";
else @me = "";
[/field:click]

 

上面代码中的红色数字1000表示点击率超过1000的文章将被列为热门文章,标题前面将会带有<span class='hot_ico'></span>代码,和最新图标一样,我们只要在CSS里面给hot_ico定义一个样式就行了。

打赏支付宝打赏微信打赏
  • QQ交流群
  • 互相指导
  • 博客主微信
  • 方便沟通

没有评论,留下你的印记,证明你来过。


发表评论:取消回复

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。