公众号/地图跳转的方式有__________?

秀米XIUMI 2021-04-14 11:13

图文排版

H5

手机图文




今天周三,又到介绍新功能的时候啦

话说,现在公众号里跳转名片/地图好受欢迎

刚巧呢,秀米就有这么几个组件


秉着先让大家用用看的想法

一直到现在才拿出来炫耀

(主要也是才排上它)

顺便也给大家看看有哪些好玩用法

如果你也想了解,请往下继续看哦



01

新的公众号组件有哪些


公众号组件,在左边模板区的组件→公众号组件里,新增了一个公众号名片、两个地图组件。

组件→公众号组件


新增的三个组件


需要注意的是,公众号名片模板与卡片式地图组件,都只能用同步方式上传到公众号后台。



02

公众号名片模板的使用


使用公众号名片模板,导入公众号名片,将图文同步到微信中,在微信预览时能直接跳转到公众号关注页面。

点击它,试试看吧


公众号名片模板的基础使用

将公众号名片模板添加到编辑区,选中这个名片模板,点击工具条上的导入名片,进入设置页面:

添加公众号名片,到导入名片设置页面


导入公众号名片步骤


接下来就按照这个步骤页面操作一遍吧:

  1. 去公众号后台新建一个图文,进入公众号编辑界面;

  2. 在公众号编辑界面顶部选择公众号,搜索需要添加的工作,点击插入,放入编辑区;

  3. 然后标题、封面图设置好后,将该图文保存;

  4. 回到上一层页面,拿到这篇图文的临时链接;

  5. 复制这个链接,回到秀米编辑区,在导入名片设置中输入链接,确认:

步骤1、2.、3的操作


步骤4、5的操作


这样一个公众号名片模板就做好啦。

这个也可以点点看哦



公众号名片模板的好玩用法

最近出现好些点击图片,就会跳转到公众号关注页面的效果,就比如下边这三个:

 

点击这个猫猫看看吧


 

点我一下,就到关注页面了呢


点击图标,关注我们

点击下秀米图标吧


想要做出这样的效果,就需要用到秀米的SVG布局啦,步骤超简单的哦,以猫猫图片跳转到【央视新闻】公众号为例:

  1. 添加一个SVG布局,放入编辑区,将刚做好的【央视新闻】公众号名片,放进SVG布局的普通布局里;

  2. 然后在SVG动画层中,放入图片,调整图片的宽高比高度,根据需求设置图片区域是包含或覆盖;

  3. 在点击穿透中,切换到开启上;

  4. 把默认的淡出动画删除,就完成啦:



03

地图组件的使用

使用地图组件,就没有公众号名片组件那么麻烦啦,直接在秀米里设置就可以。


地图组件的基本使用

卡片式地图组件,与文字地图组件,之间是可以互相切换的,包括设置地理位置,都能够在工具条上调整。


卡片式地图组件


故宫博物院

文字式地图组件


卡片/文字式地图组件切换,选中地图组件,在工具条上点击设成文字/图片,就可以切换成功了:

要注意的是,当文字式地图组件,切换成卡片地图组件时,只能通过同步方式上传到公众号。


设置地址,选中地图组件,在工具条上点击选择位置,输入地理位置,设好地址后点击确定:


修改标题,就是修改设定好的位置标题,先选中修改标题,再去调整就好了:



地图组件的好玩用法

跟公众号名片模板一样,也可以把它塞进SVG布局中,设定点击穿透;例如下边这个:


热门景点往期推荐


 
 
 


这个呢,是用现成的秀米模板,先把它生成图片,再放进SVG布局的动画层中,设定点击穿透,删除淡出动画,就完成了:



04

小结

新增的公众号组件,有公众号名片模板,以及两个地图组件;在使用公众号名片模板,与卡片式地图组件,需要使用同步功能上传到公众号。


在使用公众号组件时,还可以考虑与SVG布局叠加,做出美化后的跳转公众号/地图模板。




更多阅读

小白适用

系统介绍秀米的基础操作

长按识别二维码继续阅读

☚☚☚  向左滑动


秀米有那么多骚技能

不来学几招?

长按扫码关注我们

我知道你看到最后啦

顺便帮我点下在看