跳不停，你要的公眾號留言區跳動教程來了！
快過年了，教大家一個歡快的公眾號圖文效果——
留言區跳動！
▲本文文末可體驗真實效果
之前在日常推送的一篇圖文中，讓留言區跳動了起來，結果風頭竟蓋過了圖文本來的主題，讓我不知是悲是喜。
這次給大家提供3種方法，總有一個適合你的。
實現這一效果的關鍵點是一小段代碼。別慌，如果只是實現跳動的效果，不需要你懂代碼，你只需把它插入到圖文中，下面是教程。
方法一
使用i排版圖文編輯器
打開i排版圖文編輯器（iPaiban.com/bianji），先編輯排好正文內容。
接著復制下方控制跳動的代碼，打開編輯區右上方的 HTML，將代碼粘貼在最底部就可以了。
最后，我們回到編輯頁面復制圖文到公眾號后臺，發送到手機上預覽效果。
方法二
使用 iPaiban Pro 小助手插件
iPaiban Pro 黑科技編輯器的用戶相信已經安裝了 iPaiban Pro 小助手插件，沒安裝的一定要安裝，插件雖小，可以大大提高 iPaiban Pro 的生產力。
*復制下方鏈接到谷歌瀏覽器地址欄，按回車鍵下載文件，然后拖動文件到瀏覽器擴展程序（chrome://extensions）中即可安裝。
https://black-resource-1257307183.cos.ap-beijing.myqcloud.com/iPaiban%20Pro%20%E5%B0%8F%E5%8A%A9%E6%89%8B.crx
這次我們需要用到小助手的一個「局部導入」功能。
安裝成功后，在公眾號后臺打開要添加留言區跳動效果的圖文。接著在圖文最后輸入下方標識（包括大括號）：
{code}
右上角打開小助手，然后復制下方代碼，點擊小助手「導入代碼」選項，粘貼代碼到輸入框中，接著點擊「局部導入」就OK了。
最后點擊「保存為草稿 」，發送到手機預覽查看效果。
方法三
使用瀏覽器檢查（審查元素）模式
你也可以直接在公眾號后臺給編輯好的圖文添加這段代碼。
打開圖文編輯頁面，在空白處點擊鼠標右鍵，出現菜單欄，我們選擇「檢查」打開網頁檢查頁面。（部分瀏覽器為「審查元素」）
接著點擊檢查頁面左上角的「小鼠標」標志，此時挪動鼠標到哪里，我們便可以定位控制此處的代碼。
因為我們要將跳動的效果加在圖文最后，所以挪動鼠標至圖文的最后一行（最后一行最好是空行），點擊一下，定位代碼。
然后在定位的代碼處右鍵單擊，選擇「Edit as HTML」，復制下方代碼，全部替換粘貼進去，接著在空白處單擊一下，代碼就被添加到圖文中了。
最后還是點擊「保存為草稿 」，發送到手機預覽查看效果。
如果你覺得在這里復制代碼不方便，在「i排版」公眾號后臺回復關鍵詞可獲取單獨的代碼文本。代碼分成了兩個版本，一版是有手指的，一版是無手指的，大家可按自己喜好選擇使用。
回復關鍵詞「跳動1」獲取有手指的代碼：
回復關鍵詞「跳動2」獲取無手指的代碼：
跳起來吧！
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器（網址：x.iPaiban.com），復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權，以及22個常用必備組件的大禮包（1年）哦。
一個互動
你還想要什么好玩的圖文效果？
留言區聊聊
● SVG 黑科技交互排版????????
點個“在看”
抱走《公眾號排版規范手冊》PPT
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）