竖向缩略图相册



    视频教程





    01 添加素材效果

    在『互动效果』栏目下的【滑动】里,点击【竖向缩略图相册】,将其添加到编辑区域。

    微信截图_20231021184500.png



    02 上传图片素材

    背景图

    在编辑器右侧背景图区域点击【添加图片】,可设置本效果的背景底图,也可不设置,不设置的时候默认是白色

    微信截图_20231021184710.png

    相册照片

    在编辑器右侧照片区域点击【添加图片】,可设置相册图片,设置好一组图片后,自动生成缩略小图;建议不要使用横版图,效果可能不太好

    微信截图_20231021184951.png

    遮罩图

    在编辑器右侧遮罩图区域点击【替换图片】可以替换成任意一张自己的图片,用于盖在相册的上层

    在编辑器右侧遮罩图区域点击【编辑样式原图】则可以直接修改默认提供的遮罩图片,可以在编辑图片的弹窗里修改遮罩的颜色

    如果不想要顶层遮罩图,点击【编辑样式原图】进入图片编辑弹窗删掉里面的矩形遮罩生成一张纯透明的图片即可

    微信截图_20231021185045.png

    缩略图上方留白

    在编辑器右侧可以设置缩略小图上方的留白高度

    微信截图_20231021185334.png

    图间距

    在编辑器右侧可以设置照片展示大图和缩略小图的图间距

    微信截图_20231021185541.png

    缩略图滑动速度

    在编辑器右侧可以设置缩略小图在滑动过程中的速度快慢;当缩略图滑动到最低端显示不全的时候,可以把这个速度调快一点

    微信截图_20231021185824.png

    缩略图位置设置

    在编辑器右侧可以设置缩略小图是在左边还是在右边

    微信截图_20231021185912.png

    容器宽高比例

    在编辑器右侧可以设置滑动区域的宽高比,有三种选择:9:16/3:4/1:1

    微信截图_20231021190043.png

    左右边距

    在编辑器右侧可以设置滑动内容距离左右两边的距离,如果不想图片顶着左右两边,可以通过修改这个参数来左右留白

    微信截图_20231021190219.png




    03 同步/导出到微信公众号

    制作好的SVG文章可以通过使用『同步』或『导出』功能,保存到微信公众号平台。

    微信截图_20231021190412.png


    点击查看如何使用『同步』

    点击查看如何使用『导出』



评价此内容
有帮助
无帮助
感谢反馈,请问还有其他建议吗? (选填)