这篇文章用于测试主题在多张图片场景下的展示效果,包括单图、连续图片、图注、横向排布和图片之间的段落间距。
单张大图
图 1:用于观察正文区域中的单张大图宽度、圆角、边距和上下留白。
连续图片
下面两张图片连续出现,适合检查图片之间的垂直间距是否过密,或者是否和普通段落之间产生不自然的断层。
连续图片在移动端尤其容易暴露问题:如果图片宽度、容器边距和正文行宽不一致,页面会显得很松散。
图文混排
图片之后的正文应该自然回到文章节奏中。图注颜色可以更轻,但不能低到难以阅读。
双图预览
如果主题没有专门处理 .gallery-preview-row,这段 HTML 仍然可以作为普通块级内容显示;后续也可以给它添加响应式双列样式。
长段落后的图片
为了模拟真实写作,这里放一段较长的文字。很多文章不会只连续放图,而是在说明、观察和图片之间来回切换。主题需要保证图片不会抢占全部视觉重心,也不能被正文压得像附件。图片是内容的一部分,它和文字应该保持同一套排版秩序。
这张图放在长段落之后,用于检查段落结束到图片开始之间的距离是否自然。