织梦文章置顶显示置顶文字或图标怎么操作

如何为文章列表某一篇文章添加置顶功能图标或者是字样,首先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;}

更新完善:2021-6-21

参考:织梦文章置顶并显示顶置/置顶文字或图标,织梦文档置顶并显示置顶文字或图标

转载请注明：大灰牛博客 » 织梦文章置顶显示置顶文字或图标怎么操作