加截中...

PbootCMS 列表缩略图优化:无图时不显示默认图片

问题现象

  • 默认情况下,即使文章未上传缩略图,模板仍会显示系统默认图片

  • 需求:仅在文章有缩略图时显示图片,否则完全隐藏图片区域。

解决思路

利用 PbootCMS 内置字段 {list:isico}1 表示有缩略图,0 表示无缩略图),通过条件判断控制图片显示。

操作步骤

  1. 打开需要修改的模板文件(如列表页 list.html 或内容页 article.html)。

  2. 找到列表循环中的图片输出代码段。

  3. 用 {pboot:if} 标签包裹图片代码,判断 {list:isico} == '1'

{pboot:list scode={sort:scode}}
  <a href="[list:link]" title="[list:title]">
    <div class="item">
      <!-- 仅当有缩略图时显示图片 -->
      {pboot:if '[list:isico]'=='1'}
        <img src="[list:ico]" alt="[list:title]">
      {/pboot:if}
      <h3>[list:title]</h3>
      <p>[list:content len=120]</p>
    </div>
  </a>
{/pboot:list}


关键说明

  • {list:isico}:返回 1(有缩略图)或 0(无缩略图)。

  • {pboot:if '[list:isico]'=='1'}:仅当存在缩略图时,才渲染 <img> 标签。

验证方法

  1. 清空缓存:后台 → 系统设置 → 缓存设置 → 清空缓存。

  2. 测试文章

    • 有缩略图的文章:图片正常显示。

    • 无缩略图的文章:图片区域不显示。

注意事项

  • 模板路径:根据实际使用的模板,修改对应文件(如 template/你的模板/list.html)。

  • 恢复默认:若需恢复显示默认图片,删除 {pboot:if} 判断即可。



在线客服
服务热线

服务热线

13648088499

微信咨询
二维码
返回顶部