教大家一个欢快的公众号图文效果——留言区跳动

快过年了,教你一个欢快的公众号图文效果——

留言区跳跃!

图片[1]-教大家一个欢快的公众号图文效果——留言区跳动-4747i站长资讯

▲文末可以体验真实效果

此前,在老沙每天发的一张图文中,留言区跳了起来,但风头居然盖过了图文的主题,让我感到难过或高兴。

图片[2]-教大家一个欢快的公众号图文效果——留言区跳动-4747i站长资讯

这次在线 html编辑器,我们为您提供3种方法,总有一种适合您。

实现这个效果的关键是一小段代码。别慌,如果只是实现跳动的效果,不需要懂代码,只需要插入图文就可以了,下面是教程。

方法一

使用 图形编辑器

打开i-图形编辑器(/),先对文字内容进行编辑和排列。

图片[3]-教大家一个欢快的公众号图文效果——留言区跳动-4747i站长资讯

然后复制下面的代码来控制跳动,打开编辑区右上方的HTML,将代码粘贴到底部。

图片[4]-教大家一个欢快的公众号图文效果——留言区跳动-4747i站长资讯

最后我们回到编辑页面,将图文复制到公众号后台,发送到手机上预览效果。

图片[5]-教大家一个欢快的公众号图文效果——留言区跳动-4747i站长资讯

方法二

使用 Pro 插件

Pro黑科技编辑器的用户认为已经安装了Pro 插件。如果您尚未安装它,则必须安装它。插件虽小,但可以大大提高Pro的生产力。

*将下面的链接复制到谷歌浏览器地址栏,回车下载文件,然后将文件拖到浏览器扩展(://)进行安装。

%20Pro%20%E5%B0%8F%E5%8A%A9%E6%89%8B.crx

这次我们需要用到小助手的“本地导入”功能。

安装成功后,打开图文添加公众号后台留言区的跳动效果。然后在图形末尾输入以下标志(包括大括号):

打开右上角的小助手,然后复制下面的代码,点击小助手的“导入代码”选项,将代码粘贴到输入框中,然后点击“部分导入”即可。

最后点击“另存为草稿”,发送到手机上预览查看效果。

方法三

使用浏览器检查(检查元素)模式

您也可以在公众号后台直接将这段代码添加到编辑好的图片和文字中。

打开图文编辑页面,在空白处右击,会出现菜单栏,我们选择“检查”,打开网页检查页面。(一些浏览器是“被检查的元素”)

图片[6]-教大家一个欢快的公众号图文效果——留言区跳动-4747i站长资讯

然后点击巡检页面左上角的“小鼠标”标志,此时我们将鼠标移到哪里在线 html编辑器,就可以定位到这里控制的代码。

因为我们要在图文末尾添加跳转效果,所以将鼠标移动到图文最后一行(最后一行最好是空行),点击一下,定位到代码。

图片[7]-教大家一个欢快的公众号图文效果——留言区跳动-4747i站长资讯

然后在定位的代码上右击,选择“Edit as HTML”,复制下面的代码,全部替换粘贴进去,然后在空白处点击,代码就会添加到图文中。

图片[8]-教大家一个欢快的公众号图文效果——留言区跳动-4747i站长资讯

最后点击“另存为草稿”发送到手机上预览效果。

文章来源:https://new.qq.com/omn/20220113/20220113A01UOP00.html

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享