公众号冷门小技巧丨左右滑动图

在这里我要感谢大头,治好了我多年的近视,因为我特么都快瞎了。

(辣眼睛)

不过说真的,这样的一大推图片霸满屏幕,还特别的长,是我就看起来特别的不爽,影响我用户体验,而且就连我身边的其他小伙伴都觉得是这样。

所以我就想有没有能把图片统一装起来的“容器”,看起来更为顺畅。

灵感往往一瞬间

这个问题我几天前就在想了,一直没啥思路,直到我翻阅到某某公众号的文章中的图片,可以进行左右滑动。然后在回想大头的文章,这两者可以结合起来用。

(类似这样的)

这简直是雪中送炭啊,然后我就搜集了相关的资料,这个小技巧早在之前就有使用了的,而且还不限图片数量。

我靠,逼格那么高,为啥现在用的人少之又少?是我孤陋寡闻?还是这个真的是太冷门了??或者是实用性不强?

但不管怎么说,现在还是可以解决目前我的问题,所以我按照教程再加上自己的理解(很简单的,教程在后面),很快就做出了一个。

(请往左滑动)


是不是觉得很有逼格,公众号文章配图往左往右滑动一下就就变成了另外一张图,有点类似于网页上常见的滚动图,只不过是不会自动切换,需要主动滑动才能切换。

有利

那么这个可以左右滑动的图片对于我们的文章有什么好处呢?

1、第一个好处:减短了文章的篇幅长度。

就像我上面说的那篇文章,因为内容的需要,要求大量的图片用于辅佐说明,甚至有时候不得不用上多图。

如果用了滑动图,原本三行的图文就可以缩短为一行,这样就减少了用户阅读文章时往下拉所花费的时间。

因为有些人看见文章标题进来的第一反应不是马上阅读文章内容的,而是往下拉到文章底部,看阅读量、看dian赞量。

更重要的还是看留言区的用户评论,因为可以依据别人的留言来判断文章是否有阅读的价值,所以我们要为这类型的用户的体验着想。

2、第二个好处:用户视觉体验好。

这个可以从文章排版的角度分析,多行多图片的首先就严重的影响了用户的视觉体验。文章图片霸屏,密密麻麻的感觉,看起来极为的不爽。

如果用滑动图代替,化繁为简,给用户呈现简洁的视觉体验,这样既可以增加互动,又可以提高了用户对图片的点击率,让图片的内容更为容易曝光。

也有弊

凡事物都有两面性,使用这种滑动图也是有着不好的一面。

1、牺牲了更多的内容,具有局限性。

原本可以直接展现更多的内容在用户面前,但如果这么做,因为滑动图的是主要呈现第一张图片的,后面的需要主动滑动才能呈现出来。

除非把内容图片拼接在一起呈现,但是这样的话也会缩小内容的曝光率,所以这是主要的问题就是引导用户去进行滑动,也有着一定的被动性。

2、实用性不强,适用场景有限。

滑动图适用的场景是什么?我个人觉得,比较常见的就是文章内容多图、长图、图片海报等这几种场景。

但是这几种场景出现的情况不是很高,一般正常的运营者在排版时,都会考虑到避免这种情况的出现。

但不管怎么说这个滑动图,还是有一席之地的用处的,至少...还可以用来装逼。

但可能还有些小白不知道得如何做出这种效果,这其实是通过代码来实现的,不过一说到代码很多人都头大,就连我这个学计算机的也觉得头大。

下面我就给大家分享一个快速简单上手的教程,让大家文章逼格高档次。

制作教程

这里我用的是某编辑器(私聊我吧),找到一个“卡片”的选项,在往下拉(隐藏得很深),找到“左右滑动样式”,鼠标点击一下就可以添加到排版框里面了。

然后点击图片,图片底部就会显示一个小的菜单栏,有四个实用的的小功能:1、替换图片;2、图片阴影;3、图片边框;4、圆形图片。这里我们先把我们想要的图片换上。

后面的图片替换也是同理可得,或者是删完所有图片,然后进行多图上传,最后就可以粘贴复制到公众号后台编辑了。

成功的提示就是图片下面有一个滚动条显示(只能在PC电脑端看见,手机端看不见的)。

需要注意的问题

在制作滑动图的过程中还需要注意一些细节问题

1、文章同行的图片数量保持在2~3张是最合适的。如果超过3张图片以上,可能在进行页面边距调整的时候会被进行压缩,那内容也就被压缩了。。

2、图片的尺寸保持一致的问题。因为一大一小的图片进行滑动,那还不如不弄的好,也影响用户视觉体验。这方面不难的,可用美图秀秀这种修图软件解决。

3、页面边距大小的问题。这个是我在操作的过程中发觉的,直接使用某编辑器进行页面边距调整,在复制到公众号上发觉滑动的样式已经改变了。

所以,这时候我就把它复制粘贴到阿木说过的“构思编辑器”里面进行边距调整,果然这方法是可行的,这样就可以根据自己的爱好进行调整了。

4、左右滑动样式“容器”和图片铺满手机屏幕的问题。因为在使用的过程中发觉,最原始的样式代码中的图片大小是固定的,导致图片无法铺满屏幕,出现空缺。

不过也不用担心这个问题,根据上面的情况,我已经把“左右滑动图”调整为自动适应屏幕大小。只要在PC上直接复制我的例子,粘贴到后台在替换掉图片即可。

如果出现意外不能使用,可以在后台回复“动图”即可获取左右滑动图的源代码。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容