您现在的位置是:首页 > 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后台编辑器反斜杠被过滤了怎么解决
拿pbootcms来做博客记录代码信息的时候,会发现编辑器里的反斜杠(反斜线)都被过滤成了正方形,这是为什么呢?
PbootCMS描述字数限制的方法
在PbootCMS中,你可以使用标签来控制输出内容的长度。特别是对于描述字段,可以使用lencn参数来限制输出的汉字数量。示例假设你有一个列表页,需要显示文章的描述,并且希望描述
PbootCMS后台上传的缩略图变模糊怎么办
在使用PbootCMS后台发布内容时,如果上传的缩略图变得模糊,这通常是由于PbootCMS默认的图片尺寸限制所致。PbootCMS为了保证网站的加载速度和性能,默认设置了缩略图的较大宽度和
pbootcms后台菜单怎么开启
超级管理后台登录后台,手动访问这个链接(http://您的域名/admin.php?p=/Menu/index)打开菜单列表,找到系统管理-系统菜单点击状态启用,接着去重新登录后即可。
相关源码
-
(自适应)响应式文章博客互联网新闻pbootcms模板下载本模板基于PbootCMS开发,专为科技新闻、互联网资讯和文章博客类网站设计。采用响应式布局技术,确保在电脑、平板和手机上都能获得最佳浏览体验。适用于科技媒体、行业博客查看源码 -
帝国CMS7.5漫画网站模板带手机端源码免费下载本模板为漫画内容平台设计开发,采用帝国CMS7.5内核构建,深度优化漫画作品展示结构与章节管理模式。前端采用响应式布局设计,适配各类漫画阅读场景,提供作品分类、连载追踪、热度排行等垂直领域功能模块。查看源码 -
(自适应响应式)HTML5磁电机械设备蓝色营销型网站pbootcms模板本模板为磁电设备行业设计,采用蓝色营销风格,突出工业设备的专业性和技术感。模板结构清晰,能够有效展示磁电设备的技术参数、应用场景和企业实力,帮助客户快速了解产品特点和公司服务。查看源码 -
(PC+WAP)绿色产品环保设备垃圾桶厂家公司网站pbootcms模板为垃圾桶生产商、环保设备企业打造的高端响应式门户模板,基于PbootCMS开源内核深度开发。采用HTML5自适应架构,无缝实现PC与手机端数据实时同步与交互优化查看源码 -
(自适应)蓝色环保科技设备带三级栏目网站模板下载该模板为环保科技企业设计,提供专业的产品展示与技术服务平台。采用响应式布局,适配环保设备、清洁技术等应用场景,通过可视化后台可快速搭建符合行业特性的展示网站。查看源码 -
(自适应)互联网建站网络公司个人工作室网站模板基于PbootCMS内核开发,围绕「技术方案展示」「成功案例库」「服务流程说明」三大模块构建,支持PC与移动端数据实时同步。附带包含客户评价、行业解决方案的完整测试数据包查看源码
| 分享笔记 (共有 篇笔记) |

