您现在的位置是:首页 > cms教程 > PbootCMS教程PbootCMS教程

PbootCMS文章列表中显示默认图片的方法

南莲2025-02-13PbootCMS教程已有人查阅

导读在PbootCMS中,如果你希望在文章列表中显示默认图片,而不是在没有上传缩略图时隐藏图片,可以通过PbootCMS提供的条件判断标签 pboot:if 来实现。

在PbootCMS中,如果你希望在文章列表中显示默认图片,而不是在没有上传缩略图时隐藏图片,可以通过PbootCMS提供的条件判断标签 pboot:if 来实现。以下是如何使用 pboot:if 标签来判断文章是否有缩略图,并在没有缩略图时显示默认图片的详细步骤和示例代码:
理解 isico 属性: 在PbootCMS中,每篇文章有一个 isico 属性,该属性表示文章是否有缩略图。isico 的值可以是 1(表示有缩略图)或 0(表示没有缩略图)。通过判断 isico 的值,可以决定是否显示默认图片。
使用 pboot:if 标签进行条件判断: pboot:if 标签用于在模板中进行条件判断。你可以使用它来检查 isico 是否等于 1,如果是,则显示缩略图;否则,显示默认图片。
示例代码: 以下是一个完整的示例代码,展示了如何在文章列表中使用 pboot:if 标签来判断是否有缩略图,并在没有缩略图时显示默认图片:
{pboot:list scode={sort:scode}}
<li class="note-li">
<a href="[list:link]" title="[list:title]">
<div class="flex-column">
{pboot:if('[list:isico]'=='1')}
<div class="img-box">
<img src="[list:ico]" alt="[list:title]">
</div>
{pboot:else}
<div class="img-box">
<img src="/default-image.jpg" alt="[list:title]">
</div>
{/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>
</li>
{/pboot:list}
在这个示例中,{pboot:if('[list:isico]'=='1')} 判断 isico 是否等于 1,如果是,则显示缩略图;否则,显示默认图片 /default-image.jpg。

本文标签:

很赞哦! ()

相关源码

  • 响应式艺考培训学校机构pbootcms模板html5源码基于PbootCMS免费开源内核开发,为艺考培训学校与艺术机构设计,替换图文即可快速适配全行业需求。响应式布局兼容手机/PC端,数据实时同步,运维效率提升300%。查看源码
  • (自适应)蓝色五金制品配件管件pbootcms网站源码下载基于PbootCMS内核开发的五金行业专用模板,采用响应式设计架构,确保产品展示在各类移动设备上的呈现。通过模块化布局与工业风视觉设计,帮助五金企业高效展示产品规格、应用场景及技术支持,建立专业可靠的行业形象。查看源码
  • (自适应)帝国cms7.5模板自媒体文章新闻博客为帝国CMS7.5设计的响应式模板,采用H5技术构建现代化内容展示框架。通过智能断点检测技术实现手机、平板、PC三端适配查看源码
  • (PC+WAP)绿色草坪地坪操场pbootcms网站模板该模板基于PbootCMS内核开发,专为人造草坪、地坪施工企业设计,采用绿色主题呼应行业属性,实现PC与WAP端全栈响应式适配,确保跨设备无缝浏览体验。查看源码
  • (PC+WAP)货物运输快递物流汽车贸易pbootcms模板下载为货运代理、汽车贸易及快递企业设计的全终端适配网站系统,整合运单追踪与车辆展示核心功能模块原生开发的DIV+CSS架构,支持WebP图像压缩技术。查看源码
  • (自适应)证书授权书防伪查询系统pbootcms模板本模板基于PbootCMS系统开发,为各类证书查询机构设计,可快速构建高效安全的证书核验平台。采用响应式布局技术,自动适配手机端操作,支持批量导入证书数据,提供便捷的查询接口,满足机构证书管理及用户在线核验需求。查看源码
分享笔记 (共有 篇笔记)
验证码: