最新一批文章没传特色图片,列表里这几张卡片只剩标题和日期,高度比旁边的矮一半,网格第二行空出一大块,像少加载了内容。碰到这种情况,我一般先确认改动有没有真的生效。

原因不复杂,图片区域的高度是靠图片自身撑起来的,没有图时模板不输出任何节点,那块空间就消失了。卡片没有统一的最小高度,高度随内容浮动。

「无图卡片塌陷」这个问题文档写得含糊,实际行为以当前版本为准,别照旧版本的结论套。日志级别临时调高可以,记得改回去,长期开着既占磁盘又掩盖真问题。

<?php if ( has_post_thumbnail() ) : ?>
  <?php the_post_thumbnail('medium'); ?>
<?php else : ?>
  <div class='thumb thumb-empty'></div>
<?php endif; ?>

权限不要一口气开到最大,先加到够用再往上试,范围小才好收。

具体做法是,图片外层固定比例容器,有没有图都占同样的位置;无图时输出一个带分类名的色块占位,别留空白;卡片整体设最小高度,标题行数不同也不至于差太多。

最后用这个标准收尾,无图文章和有图文章卡片高度一致,网格每行底部齐平,没有空洞。

作者 9823189