活动图片太多,怎么排版更省篇幅!
图文排版
H5
手机版秀米
平时大家排版的时候
遇到活动类的文章
里面有超多的图片
一般都是怎么排版的呢?

如果是按照常规操作
把图片一张张的正常放进去
整个排版会显得篇幅老长老长了
阅读起来就会很花时间
今天
我和大家分享三个方法
可以让排版篇幅看起来更为精简

01
使用多图模板
最最最简单的方法,就是使用多图模板,在编辑区域左侧的图文模板里面,【图片】分类下可以找到【多图】模板:

另外,用双图、三图模板其实也比较节省排版篇幅。
多图模板一般都会用到多列布局,把模板添加到编辑区域,打开布局模式,就可以看到该模板具体是如何组成的:

这个时候,你可以自己用多列布局类比着做新的多图版式,也可以直接选择多图版式里的某一块,复制粘贴接着用:

一般的多图模板替换内容很简单,点击图片,然后选择图库的图片就可以了,需要裁剪的可以直接用图片工具条上的裁剪功能裁剪一下。

不过要注意,有的图片可能是设置的背景图,那么你就需要替换背景图。

如果是特殊布局,比如滑动布局、SVG图集布局的多图模板,那就接着往下看吧~
02
使用滑动布局
滑动布局有上下滑动布局和左右滑动布局,对应的模板在【布局】分类下的【上下滑动】和【左右滑动】里面。

那用滑动布局或者是滑动模板,就会涉及到如何添加内容的问题,这也是小伙伴们在后台问的最多的问题。
上下滑动模板添加内容
打开布局模式,选中上下滑动布局,然后把高度数值改大一些,这样上下滑动布局显示的内容区域就会多一些:


然后再替换内容或者是在后面添加新的内容,方法就和在普通布局里替换内容、添加内容一致:

新添加的图片会默认带有段前距、段后距为10px,可以选中图片在定位里面取消。
把内容替换/添加好之后,再选中上下滑动布局,把高度改回原来的就可以了,当然你也可以根据你的新内容,设置适当的高度。
如果图片最后有多余的空白,可以看一下是不是有多余的空行,删掉就可以了。

左右滑动模板添加内容
打开布局模式,选中左右滑动布局,然后点工具条上的【设置滑动序列】:

选中的必须是左右滑动布局,工具条上才会出现设置滑动序列。
进入设置滑动序列之后,点序列右边的箭头,一直到最后会出现一个黑色的加号:

点击加号,就会新增一列与前面序列格式一模一样的序列。

然后点编辑区域旁边的空白处,退出设置滑动序列,选中图片,点图库里面的图片就可以替换啦~

图片下方的滑块是可以左右拖动的,拖动一下,就可以接着替换内容。

使用左右滑动模板,图片的尺寸建议统一,这样看起来才会整齐。
如果图片尺寸不统一,可以裁剪成统一比例。实在是不想裁剪的,那就用上下滑动模板吧~
03
使用SVG图集
SVG图集算是一种新的SVG布局吧,可以用来做图片轮播效果。系统模板在【SVG】分类下的【图片轮播】里面:

添加SVG图集模板到编辑区域,打开布局模式,选中SVG图集布局,然后点工具条上的【图集设置】:

选中的必须是SVG图集布局,工具条上才会出现图集设置。
进入图集设置后,直接点击图库里的图片就可以添加到图集的最后:

最后,再把多余的、不需要的图片,点图片右上角的删除图标删掉。


预览效果
如果你是要用原始的SVG图集布局制作,在【布局】分类下的【基础布局】里面可以找到原始SVG图集布局。

另外,要注意的是:使用了SVG图集,请采用图文同步方式上传到公众号后台,复制粘贴会有问题。
更多关于SVG图集的知识点,可以点下方大字继续学习哦~
小结
大概可能也许会有人说用了某某法子,但是图片太小、图片内容不明显等,那我也是真的没有办法了呢~三种方法里面大家就择优选择吧~
毕竟,如果你是在手机上看,手机屏幕也就那么小;如果你在电脑上看,屏幕倒是大了,大概也是能看的比较清楚的。
吼啦~今天的内容就这么多~记得一键三连,爱您们~