點(diǎn)擊直接展開（自定義觸發(fā)）
點(diǎn)擊直接展開（自定義觸發(fā)）
展開內(nèi)容中可使用的素材以實(shí)際編輯展開內(nèi)容時(shí)顯示的素材列表為準(zhǔn)
一、視頻教程
二、操作步驟
1、添加SVG效果至編輯區(qū)域
點(diǎn)擊【SVG效果】，搜索：“57”，或搜索名字：“點(diǎn)擊直接展開”，然后點(diǎn)擊選擇列表中【點(diǎn)擊直接展開（自定義觸發(fā)）】效果，添加到頁面中間的編輯區(qū)域。（可選擇帶有135默認(rèn)素材圖，也可以選擇不帶有135默認(rèn)素材圖）
2、添加首圖
以不帶有素材圖為例：
在編輯區(qū)域右側(cè)的【添加首圖】位置上傳首圖。也可以選擇【DIY設(shè)計(jì)圖片】（得有筆格設(shè)計(jì)會(huì)員）。
注意，該效果中所有圖片都需要按【素材要求】進(jìn)行設(shè)置和放置，不然會(huì)導(dǎo)致效果出錯(cuò)或失效。
3、設(shè)置引導(dǎo)和展開時(shí)長
在編輯區(qū)域右下側(cè)找到【彈框熱區(qū)引導(dǎo)色】，打開顯示就代表首圖會(huì)出現(xiàn)彈動(dòng)的引導(dǎo)按鈕，可以點(diǎn)擊色塊設(shè)置引導(dǎo)按鈕的顏色，也可以拖動(dòng)選區(qū)設(shè)置彈動(dòng)引導(dǎo)按鈕大小；關(guān)閉顯示就代表首圖沒有引導(dǎo)按鈕，可以根據(jù)自己的展示需求選擇是否要顯示。
在編輯區(qū)域右下側(cè)找到【動(dòng)畫設(shè)置】，數(shù)值設(shè)置越大，展開動(dòng)畫的時(shí)間越長，數(shù)值設(shè)置越小，展開動(dòng)畫的時(shí)間越短。無特殊需要一般默認(rèn)1秒即可。
4、設(shè)置觸發(fā)熱區(qū)位置及大小
觸發(fā)熱區(qū)：當(dāng)【彈框熱區(qū)引導(dǎo)色】設(shè)置為不顯示時(shí)，點(diǎn)擊圖中紅框位置，可進(jìn)行熱區(qū)大小的設(shè)置，設(shè)置完成后，點(diǎn)擊該區(qū)域才會(huì)觸發(fā)展開效果。
5、編輯展開內(nèi)容
點(diǎn)擊編輯區(qū)域右下側(cè)【編輯展開內(nèi)容】，展開內(nèi)容里放的就是展開的圖或效果。
進(jìn)入展開內(nèi)容頁面后，如下圖，就可以對(duì)展開里的素材進(jìn)行組合，選擇你需求的SVG效果，添加到編輯區(qū)域，進(jìn)行相關(guān)設(shè)置即可
可以選擇編輯區(qū)域上方的【去縫隙】、【上/下移】、【間距】、【刪除】，對(duì)素材進(jìn)行調(diào)整，調(diào)整完成后點(diǎn)擊頁面右上角【完成】，代表展開內(nèi)容添加完成，然后返回到首圖編輯頁面。
上移/下移：選中某個(gè)素材，點(diǎn)擊上方菜單欄的【上移】或【下移】，可移動(dòng)該素材的位置；
去縫隙：選中某個(gè)素材，點(diǎn)擊上方菜單欄的【去縫隙】來調(diào)整素材之間的白縫；
間距：選中某個(gè)素材，點(diǎn)擊上方菜單欄的【間距】，可調(diào)整該素材內(nèi)外邊距的距離。內(nèi)邊距為該素材在紅色框線內(nèi)的位置，外邊距為該素材和上下素材之間以及兩側(cè)邊距的距離；
刪除：選中某個(gè)素材，點(diǎn)擊上方菜單欄的【刪除】，即可刪除該素材；
6、制作好的SVG文章可以通過使用【同步】或【導(dǎo)出】功能，保存到微信公眾號(hào)平臺(tái)
7、更多操作教程
- END -
如果您的疑問尚未被解決
請(qǐng)?jiān)趲椭行膬?nèi)【聯(lián)系客服】
我們誠摯邀請(qǐng)您給135編輯器提供【意見和建議】
微信關(guān)注135編輯器 ID：editor135 ，獲取更多排版干貨知識(shí)
