DedeCms织梦文章置顶显示置顶或置顶图标

如何为文章列表某一篇文章添加置顶功能图标或者是字样,首先dede默认自带置顶功能,我们只需要在后台文档/高级参数-文章排序里对文档进行置顶操作就ok

织梦置顶功能介绍:默认情况下,dedecms5.7后台中,文章可以选择置顶一周、一月、三月、半年、一年之类的时间段。

在这里插入图片描述

控制文件:在后台目录dede/templets里找到article_edit.htm和article_add.htm文件,查找如下代码

<option value='0'>正常排序</option>
<option value="7">置顶一周</option>
<option value="30">置顶一个月</option>

如果要想增加置顶一天的功能,添加以下代码即可:

<option value="1">置顶一天</option>

在这里插入图片描述在这里插入图片描述

标签调用案例写法:

模板标签中dede:arclist 和 dede:list 默认是按置顶排序优先排在前面,所以不需要特别的设置标签

显示【置顶】文字,这样调用:

{dede:arclist titlelen='45' row='5' typeid='all'}
[field:sortrank runphp=yes]@me = time() > @me ? "[置顶]" : "";[/field:sortrank]
{/dede:arclist}
{dede:list pagesize='8'}
[field:sortrank runphp=yes]@me = time() > @me ? "[置顶]" : "";[/field:sortrank]
{/dede:list}

显示【置顶】图标,这样调用:

{dede:arclist titlelen='45' row='5' typeid='all'}
[field:sortrank runphp=yes]@me = time() > @me ? ">img src='/images/top.png'>" : "";[/field:sortrank]
{/dede:arclist}
{dede:list pagesize='8'}
[field:sortrank runphp=yes]@me = time() > @me ? ">img src='/images/top.png'>" : "";[/field:sortrank]
{/dede:list}

e.g到这里就结束了吗?当然不是,如果只是像上面调整,你会发现置顶展示的样式巨丑[ ̄□ ̄||],这里分享下我的列表置顶展示,当然也是参考别人的做了一定修改!

在这里插入图片描述

html代码样式:

<span class="is_top">[field:sortrank runphp=yes]@me = time() < @me ? "<img src='http://www.dhnblog.com/images/is_top.png'>" : "";[/field:sortrank]</span>

css代码,注意给父集添加一个相对定位:

.listContent li{position: relative;}
.is_top{position: absolute;top: 0;right:0;}
.is_top img{width:40px;height: 40px;}
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页