您现在的位置是:首页 > 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,则表示有缩略图,会显示图片;否则不会显示任何图片。
其他信息展示 其他部分代码展示了如何显示文章的标题、内容摘要以及发布时间、浏览量和点赞数等信息。
通过这种方式,可以确保在没有上传缩略图的情况下不会显示默认图片,从而提高用户体验。

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)高端简繁双语HTML5金融资本咨询单页pbootcms模板采用响应式设计确保在各类手机端设备很好的呈现。该模板专注于金融咨询、资本管理等领域企业形象展示,通过结构化布局突出行业专业度与可信度,后台数据同步管理简化内容维护流程。查看源码
  • 响应式茶叶茶道pbootcms网站模板源码(自适应手机端)棕色复古茶具主题的响应式网站模板,为茶叶茶道企业设计,同时支持古玩字画、艺术文化等行业的快速适配,通过替换文字图片即可转型为其他行业官网,大幅降低开发成本。查看源码
  • (自适应响应式)高新技术科技能源pbootcms网站HTML5模板本模板基于PbootCMS内核开发,为高新技术、科技研发、能源技术等科技型企业设计。采用HTML5+CSS3前沿技术,具备完善的响应式布局,能够自动适配手机、平板和电脑等多种终端设备。模板设计风格简约大气查看源码
  • 响应式WordPress简约博客主题Alt_BlogAlt_Blog主题该模板为博客内容展示设计,采用简约现代的风格理念,打造清晰的内容呈现平台。响应式布局确保在不同设备上都能获得良好的浏览体验,帮助博主更好地展示和分享内容。查看源码
  • 自适应容器设备机械行业通用pbootcms网站模板本模板是一款基于PbootCMS开源内核深度开发,为容器制造、容器设备、压力容器及相关行业量身打造的高品质响应式企业网站模板。查看源码
  • 响应式艺考培训学校机构pbootcms模板html5源码基于PbootCMS免费开源内核开发,为艺考培训学校与艺术机构设计,替换图文即可快速适配全行业需求。响应式布局兼容手机/PC端,数据实时同步,运维效率提升300%。查看源码
分享笔记 (共有 篇笔记)
验证码: