您现在的位置是:首页 > cms教程 > PbootCMS教程PbootCMS教程
pbootcms文章列表没有缩略图时不显示默认图片的方法
盼曼2025-03-31PbootCMS教程已有人查阅
导读为了在PBootCMS模板中实现只有上传了缩略图才显示图片的功能,可以使用[list:isico]标签来判断是否存在缩略图。下面是具体实现的代码示例:完整代码示例
为了在PBootCMS模板中实现只有上传了缩略图才显示图片的功能,可以使用[list:isico]标签来判断是否存在缩略图。下面是具体实现的代码示例:完整代码示例
判断是否有缩略图
其他信息展示 其他部分代码展示了如何显示文章的标题、内容摘要以及发布时间、浏览量和点赞数等信息。
通过这种方式,可以确保在没有上传缩略图的情况下不会显示默认图片,从而提高用户体验。
{pboot:list scode={sort:scode}}
<a href="[list:link]" rel="external nofollow" title="[list:title]">
<div class="flex-column">
{pboot:if('[list:isico]'=='1')}
<img src="[list:ico]" alt="[list:title]">
{/pboot:if}
<div class="text-box">
<h4>[list:title]</h4>
<p class="intro hidden-sm">[list:content drophtml=1 dropblank=1 lencn=120]</p>
<p>
<span><i class="fa fa-clock-o" aria-hidden="true"></i> [list:date style=Y-m-d]</span>
<span><i class="fa fa-eye" aria-hidden="true"></i> [list:visits] 浏览</span>
<span><i class="fa fa-thumbs-up" aria-hidden="true"></i> [list:likes] 点赞</span>
</p>
</div>
</div>
</a>
{/pboot:list}
关键部分解析判断是否有缩略图
{pboot:if('[list:isico]'=='1')}
<img src="[list:ico]" alt="[list:title]">
{/pboot:if}
这里通过[list:isico]的值来判断是否有上传缩略图。如果[list:isico]的值为1,则表示有缩略图,会显示图片;否则不会显示任何图片。其他信息展示 其他部分代码展示了如何显示文章的标题、内容摘要以及发布时间、浏览量和点赞数等信息。
通过这种方式,可以确保在没有上传缩略图的情况下不会显示默认图片,从而提高用户体验。
本文标签:
很赞哦! ()
相关教程
- phpcms在前台文章列表前显示分类名称的实现方法
- 易优EyouCMS升级后文章列表页分页显示404错误的解决方法
- 易优EyouCMS文章列表“下一页/分页”显示404无此页面的解决方法
- PbootCMS后台修改文章列表每页显示的较大数量的方法
- PbootCMS文章列表没有缩略图时也不显示默认图片怎么办
- PbootCMS判断文章列表是否有缩略图并显示的代码示例
- PbootCMS后台动态调整文章列表每页显示的数量的方法
- WordPress最新文章列表的调用方法实例
- PbootCMS文章列表中显示默认图片的方法
- pbootcms文章列表不显示默认图片的方法
- pbootcms文章列表序号调用和使用方法
- pbootcms文章列表序号的填写方法
图文教程
在PbootCMS文章怎么置顶?设置istop后不生效的解决方法
在PbootCMS中,将文章置顶通常通过后台设置istop字段来实现。然而,有时即使在后台正确设置了置顶选项,文章在前台列表中仍然不会显示为置顶状态。这通常是由于前端模板调用的问
pbootcms模板怎么换,pbootcms模板更换的方法
PbootCMS换模板,让你的网站焕然一新!在互联网时代,一个优秀的网站对于企业和个人来说显得尤为重要。而一个吸引人眼球的网站,往往需要一个独特且美观的模板来支撑。
pbootcmsTAG标签页分页中url无限重复叠加的解决方法
最近在对pbootcms的TAG标签的深度使用中,发现了一个BUG:在tag相关结果的列表中使用了的分页代码的话,点击分页地址栏会无限叠加参数。
开发手册PbootCMS当前栏目标签介绍
当前栏目标签 ;适用范围:在列表页或详情页使用 ;标签作用:用于输出当前栏目的相关信息
相关源码
-
(自适应响应式)高端简繁双语HTML5金融资本咨询单页pbootcms模板采用响应式设计确保在各类手机端设备很好的呈现。该模板专注于金融咨询、资本管理等领域企业形象展示,通过结构化布局突出行业专业度与可信度,后台数据同步管理简化内容维护流程。查看源码 -
响应式茶叶茶道pbootcms网站模板源码(自适应手机端)棕色复古茶具主题的响应式网站模板,为茶叶茶道企业设计,同时支持古玩字画、艺术文化等行业的快速适配,通过替换文字图片即可转型为其他行业官网,大幅降低开发成本。查看源码 -
(自适应响应式)高新技术科技能源pbootcms网站HTML5模板本模板基于PbootCMS内核开发,为高新技术、科技研发、能源技术等科技型企业设计。采用HTML5+CSS3前沿技术,具备完善的响应式布局,能够自动适配手机、平板和电脑等多种终端设备。模板设计风格简约大气查看源码 -
响应式WordPress简约博客主题Alt_BlogAlt_Blog主题该模板为博客内容展示设计,采用简约现代的风格理念,打造清晰的内容呈现平台。响应式布局确保在不同设备上都能获得良好的浏览体验,帮助博主更好地展示和分享内容。查看源码 -
自适应容器设备机械行业通用pbootcms网站模板本模板是一款基于PbootCMS开源内核深度开发,为容器制造、容器设备、压力容器及相关行业量身打造的高品质响应式企业网站模板。查看源码 -
响应式艺考培训学校机构pbootcms模板html5源码基于PbootCMS免费开源内核开发,为艺考培训学校与艺术机构设计,替换图文即可快速适配全行业需求。响应式布局兼容手机/PC端,数据实时同步,运维效率提升300%。查看源码
| 分享笔记 (共有 篇笔记) |

