豎向多標(biāo)簽點(diǎn)擊切換（自定義觸發(fā)）

    所有圖片寬度需要一致，標(biāo)簽直接設(shè)計(jì)在背景圖上，圖文內(nèi)容總高度不能超出背景圖減去標(biāo)簽區(qū)剩下的高度，且圖文內(nèi)容不可遮擋標(biāo)簽區(qū)域，所有背景圖寬和高尺寸需要一致，每個(gè)畫面的標(biāo)簽點(diǎn)擊區(qū)域不可設(shè)置在同一個(gè)位置，需要保存成微信文章在手機(jī)端預(yù)覽效果。


    預(yù)覽案例中圖片素材概覽：


    視頻教程



    01 添加素材效果

    在『互動(dòng)效果』欄目下的【點(diǎn)擊】里，點(diǎn)擊『豎向多標(biāo)簽點(diǎn)擊切換（自定義觸發(fā)）』素材，將其添加到編輯區(qū)域。



    02 上傳圖片素材

    在編輯器右側(cè)新建3個(gè)板塊

    image.png


    然后上傳背景圖

    image.png


    再點(diǎn)擊【編輯圖文內(nèi)容】，選擇合適的效果添加到編輯區(qū)內(nèi)

    image.png


    在右側(cè)上傳對(duì)應(yīng)的素材內(nèi)容，點(diǎn)擊【完成】按鈕

    image.png


    第3：設(shè)置圖文內(nèi)容的起始位置，調(diào)節(jié)Y軸數(shù)值將內(nèi)容區(qū)域調(diào)整到合適的位置

    image.png


    第4：設(shè)置觸發(fā)區(qū)域：鼠標(biāo)拖動(dòng)觸發(fā)區(qū)域到對(duì)應(yīng)的位置image.png


    第5：再按順序重復(fù)上述操作添加其他板塊的內(nèi)容



    03 同步/導(dǎo)出到微信公眾號(hào)

    制作好的SVG文章可以通過(guò)使用『同步』或『導(dǎo)出』功能，保存到微信公眾號(hào)平臺(tái)。

    image.png


    點(diǎn)擊查看如何使用『同步』

    點(diǎn)擊查看如何使用『導(dǎo)出』


評(píng)價(jià)此內(nèi)容
有幫助
無(wú)幫助
感謝反饋，請(qǐng)問(wèn)還有其他建議嗎? (選填)