自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 问题汇总 >

[已解决]织梦文章置顶显示置顶文字或图标的操作

作者:灰牛站长•发布时间:2021-07-10 08:56:33•浏览

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

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

相关文章

手机端