织梦文章置顶显示置顶文字或图标怎么操作
如何为文章列表某一篇文章添加置顶功能图标或者是字样,首先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
参考:织梦文章置顶并显示顶置/置顶文字或图标,织梦文档置顶并显示置顶文字或图标