您现在的位置是:首页 > 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 标签来判断是否有缩略图,并在没有缩略图时显示默认图片:
理解 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文章怎么置顶?设置istop后不生效的解决方法
- pbootcms文章列表没有缩略图时不显示默认图片的方法
- PbootCMS文章列表没有缩略图时也不显示默认图片怎么办
- pbootcms文章插入图片宽度1000的取消方法
- pbootcms文章和产品随机增加访客阅读量的方法
- PbootCMS文章默认作者修改方法
- PbootCMS文章插入图片不固定宽高的实现方法
- pbootcms文章列表不显示默认图片的方法
- pbootcms文章列表序号调用和使用方法
- pbootcms文章列表序号的填写方法
- pbootcms文章列表没有缩略图时不显示默认图片的实现方法
- pbootcms文章列表没有缩略图不显示默认图的修改实例
图文教程
pbootcms文章用keywords关键词或tag相关调用的方法
有时客户想根据keywords关键字来做匹配在文章详情页里显示相关内容,方法同通过tags来关联一样。手册里通过tags来做匹配的方法如下图,如果不用tags,改用keywords,
pbootcms模板标签序数从2开始的写法实例
一共2个标签,一个是导航标签,另一个是列表标签, pboot:nav标签 首先了解一下[nav:i],表示序号,从1开始 结合pbootcms的if判断标签
PbootCMS友情链接标签和参数说明
友情链接标签,适用范围:全站任意地方均可使用。标签作用:用于依次输出指定分组的友情链接。gid=* 分组,必填,用于控制需要输出的友情链接分组
PbootCMS执行SQL报错no such table: ay_config的解决方法
在使用 PbootCMS 构建网站时,如果遇到“执行 SQL 发生错误! 错误: no such table: ay_config”的提示,通常是因为数据库配置不正确或数据库文件缺失。以下是详细的排查和解决方法:
相关源码
-
pbootcms(自适应)SEO优化排名服务公司网站模板核心定位为SEO排名服务商打造的营销型网站框架,集成PbootCMS开源系统的高效管理能力与SEO最佳实践方案,助力企业快速建立专业的技术服务形象。查看源码 -
帝国CMS游戏应用APP推广下载站模板免费下载本模板为移动应用推广、手机游戏推广行业设计,集成H5游戏平台与APP下载功能,支持PC端与移动端自适应访问。专注于为应用开发商、游戏发行商提供专业的线上推广展示平台。查看源码 -
响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板,同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型,显著降低建站成本。查看源码 -
(PC+WAP)红色户外岗亭钢结构岗亭pbootcms网站模板为钢结构岗亭、户外设施企业打造的高端响应式营销门户,基于PbootCMS开源内核深度开发,采用HTML5自适应架构,实现PC与移动端数据实时同步展示。查看源码 -
(PC+WAP)绿色环保建筑设备通用行业pbootcms源码下载通过模块调整可适配园林景观、装配式建筑、绿色装修等生态建设相关领域。预制绿色建材展示、能耗模拟等专业模块,集成项目案例、环保工艺等建筑行业特色内容结构,测试数据包含LEED认证体系查看源码 -
(自适应)双语网络电子摄像头设备pbootcms网站模板下载核心功能定位:基于PbootCMS开发的双语摄像头企业官网模板,深度适配产品规格书展示、实时监控演示、解决方案呈现等业务场景,支持中英文内容一键切换。查看源码
| 分享笔记 (共有 篇笔记) |

