游戏百科

公众号svg排版太难?试试这个跳转名片妙招!

今天下午,我对着公众号编辑器的后台,陷入了一种熟悉的困境——我知道我想实现一个效果,但就是找不到那把正确的钥匙。我想做的

今天下午,我对着公众号编辑器的后台,陷入了一种熟悉的困境——我知道我想实现一个效果,但就是找不到那把正确的钥匙。

我想做的,是在文章的结尾,设置一个优雅的引导关注按钮,读者轻轻一点,就能优雅地弹出公众号名片,完成关注。多好的想法啊!可现实是,我找到的素材,要么是张死板的图片,要么是一行无法交互的文本。这感觉,就像你想推开一扇门,却怎么也找不到门把手。

我不甘心,在素材库里漫无目的地翻找。突然,“SVG动效”这几个字映入眼帘。我以前总觉得带“SVG”的东西都很高级,很复杂,有点不敢碰。但今天,我决定硬着头皮点进去看看。

里面果然别有洞天!我真的找到了一个名为“公众号名片”的SVG素材。把它拉进编辑区后,它提示我需要填入一个“文章链接”。链接?什么链接?我一开始以为是公众号主页的链接,试了一下,根本不对。

这下把我卡住了。我像个没头苍蝇一样,在公众号后台各个页面间来回切换。直到我无意中新建了一个草稿,并且把名片素材放了进去。当我保存草稿,退回草稿箱列表,下意识地去点击那篇草稿的标题时,页面跳转,我瞥了一眼浏览器地址栏……

“啊!原来是要这个链接!” 那一刻,真有种醍醐灌顶的感觉。原来秘密藏在这里!是这篇包含了名片的草稿文章本身的预览链接!

我像个发现了宝藏的孩子,兴奋地把这个链接复制下来,填回到最初那个SVG素材里。点击确定的一瞬间,我看到那个原本灰色的SVG区块,仿佛被注入了生命。预览时,我颤抖着点击了它——成功了!名片完美地弹了出来。