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

本文标签:

很赞哦! ()

相关源码

  • (PC+WAP)蓝色玻璃纤维制品环保设备营销型pbootcms模板源码下载这是一款针对玻璃纤维行业特点设计的网站模板,采用蓝色系配色方案,体现工业感和环保理念。模板包含产品中心、应用案例、技术支持和新闻动态等核心模块,能够全面展示玻璃纤维制品的技术参数和应用场景。查看源码
  • 帝国cms7.5自适应作文新闻资讯教育网站模板本模板基于帝国CMS7.5内核开发,为教育机构、培训学校等知识传播单位打造。通过自适应设计确保在手机、平板、电脑等设备上均能获得专业浏览体验查看源码
  • pbootcms网站网络公司个人作品展示类网站源码(自适应)为网站建设公司、网络服务企业打造的响应式门户解决方案,基于PbootCMS内核深度开发。采用前沿自适应架构,无缝适配手机端交互与PC端展示需求。查看源码
  • 自适应容器设备机械行业通用pbootcms网站模板本模板是一款基于PbootCMS开源内核深度开发,为容器制造、容器设备、压力容器及相关行业量身打造的高品质响应式企业网站模板。查看源码
  • 响应式WordPress简约博客主题Alt_BlogAlt_Blog主题该模板为博客内容展示设计,采用简约现代的风格理念,打造清晰的内容呈现平台。响应式布局确保在不同设备上都能获得良好的浏览体验,帮助博主更好地展示和分享内容。查看源码
  • (自适应响应式)陶瓷研磨盘抛光机械设备pbootcms网站模板本模板基于PbootCMS系统开发,为研磨抛光设备制造企业设计,特别适合陶瓷研磨盘、抛光设备等表面处理设备展示。采用响应式布局技术,确保各类设备的参数和工艺在不同终端上都能清晰呈现。查看源码
分享笔记 (共有 篇笔记)
验证码: