查看原文
其他

这么酷炫的一键关注样式,竟然连小白都会做!!!

2018-01-17 壹伴君 壹伴助手


壹伴助手

只提供最黑的运营新技术,关注即可习得新技能

 




我知道你们

垂涎上方的关注样式很久了

点击「关注」后即可弹出图片

这张图片可自定义成海报或纯二维码

你是不是偷偷点击过多次但却不会做呢


每次公众号推送后

总有一堆同学来问我

这个关注图是怎么做的

如何实现关注之后弹出图片




很多人可能知道

在整个公众号圈子里面

除了开通支付功能的服务号外

某些订阅大号也能实现下面的模块

点击「关注」后即可前往历史消息页

例如吴晓波频道、逻辑思维、视觉志

...



那么普通订阅号

并不具备这种特权

是不是只能哭晕在厕所了


想实现关注引导只能

在开头放二维码或链接

但是给人的感觉又很突兀

置于文末效果肯定又大打折扣


这时本文的关注样式

可以说十分的装逼新颖了

这种一键关注可以为公众号

提供既美观又有趣的新思路

更好地优化手机端的阅读体验



那么

普通订阅号

到底如何实现

一键关注弹出图片的技能

↓↓↓


你只需要

登录壹伴官网

yiban.io

安装最新版本的插件

轻松实现这波酷炫的操作



第一步

采集样式



在浏览器页面

打开含关注样式的文章

点击「样式」-「采集」-画框选中




动图再演示一遍

我们的「样式采集」

要是还有不会的同学

你过来我们聊聊人生和理想




采集之后

在排版增强的样式库

「收藏」里面就可以找到它啦




这个操作

适用于所有样式

下次再看到喜欢的样式

就可以随心所欲的采集到

自己的专属个性化收藏库了



第二步

修改logo和介绍



采集好样式之后

点击左侧logo图片进行更换



然后

再将框内的文字部分

替换成你自己公众号的介绍

是不是太简单了呢



第三步

更换弹出的图片



完成上述的操作

相信绝大部分同学都会


点击关注后

弹出的二维码图片

该怎么进行替换呢

似乎完全找不到玄机


此时你

只需要将鼠标

移动到「关注」下方

会出现一个隐藏的图片

但此时在后台编辑框页面

只会显示为一个透明的框框

直接替换成需要弹出的图片即可



完整的动图演示


这样图片

就被轻松替换

接下来你只需要

发送到手机端预览

点击关注后就会弹出图片啦




同时壹伴君的样式

点击后弹出的图片加了黑边

打开后与默认的背景融为一体

整体视觉上比较美观更具冲击力

(编不下去了反正就是好看好看好看)


再补充一点

这个隐藏的图片

透明度被调整为0

通过 Margin 值移动

并覆盖掉了按钮的区域

所以才实现了这样的效果

有兴趣的同学可以再深究下



怎么样?

看完连小白都会了

赶紧在你的公众号秀一波吧!



留言区评论

你还想掌握哪些技能

顺便专门用心夸一下我

会的都告诉你统统不要钱



点个赞证明你爱我

点赞什么时候才能破3000

壹伴君已经洗白白等不及爆照了




您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存