SVG排版教學(xué)——自動(dòng)輪播樣式
SVG排版教學(xué)——自動(dòng)輪播樣式
又到了我們的SVG教學(xué)環(huán)節(jié)了,朋友們是不是特別期待呀。在之前的推文中我們有說(shuō)過(guò)如何使用滑動(dòng)樣式來(lái)進(jìn)行排版,滑動(dòng)樣式在推文中的使用也是非常的廣泛。
有朋友可能要說(shuō)了:“還要我自己去滑動(dòng),太麻煩了,要是能自己滑動(dòng)就好了!”
誒,你別說(shuō),還真可以!
先來(lái)看看效果吧。
▼我是全自動(dòng)的哦~▼
怎么樣,是不是特別有有意思!不用動(dòng)手,就可以實(shí)現(xiàn)圖片自動(dòng)滑動(dòng),簡(jiǎn)直是『懶癌』患者的福音??!
那么問(wèn)題來(lái)了,這個(gè)樣式該如何使用呢?
別急,今天三兒來(lái)教你,輕松玩轉(zhuǎn)SVG點(diǎn)擊樣式!
話不多說(shuō),教程開(kāi)始!

自動(dòng)輪播樣式
ID:99049
【樣式作用】:節(jié)約排版空間,版面清爽整潔的同時(shí)還能與讀者進(jìn)行有效的互動(dòng),幫助打造文章氛圍。除此之外,還可以結(jié)合產(chǎn)品特性,制作出更多的玩法。
【使用說(shuō)明】:該樣式只支持4張圖片的切換,上傳圖片請(qǐng)使用按樣式圖片比例上傳,建議使用1280*845尺寸的圖片,首圖和尾圖需要保持是同一張圖片才能實(shí)現(xiàn)無(wú)縫輪播,需要使用同步保存功能同步到公眾號(hào)。
首先,我們需要準(zhǔn)備樣式中所需要用到的圖片,所有的圖片都需要保持寬高一致,不然會(huì)導(dǎo)致樣式錯(cuò)版哦!
一、如何更換圖片?
按照上面的要求準(zhǔn)備好圖片以后,我們就可以開(kāi)始更換圖片了。更換圖片我們可以使用專業(yè)版編輯器的動(dòng)畫(huà)功能來(lái)進(jìn)行更換。
1.首先將編輯器切換至專業(yè)版,點(diǎn)擊右側(cè)『更多功能』,在彈出的菜單中選擇『切換專業(yè)版』,即可將編輯器切換為專業(yè)版。
2.搜索樣式ID:99049,找到『點(diǎn)擊切換圖片』樣式,插入至編輯器中。
3.點(diǎn)擊選中樣式(在樣式周圍出現(xiàn)虛線框時(shí),才算選中哦!),在彈出的菜單欄中,選擇『動(dòng)畫(huà)』按鈕,進(jìn)入動(dòng)畫(huà)設(shè)置界面。
這里需要注意的是:只有SVG樣式才會(huì)有動(dòng)畫(huà)按鈕哦,普通的樣式是沒(méi)有動(dòng)畫(huà)按鈕的!
4.在動(dòng)畫(huà)設(shè)置界面,我們就可以對(duì)樣式內(nèi)的圖片進(jìn)行更換了,朋友們可以點(diǎn)擊鏈接下方的『圖片上傳』按鈕上傳圖片。
這里需要注意的是:首圖和尾圖需要保持是同一張圖片才可以實(shí)現(xiàn)無(wú)縫輪播哦!
5.我們還可以給圖片添加濾鏡,點(diǎn)擊『圖片濾鏡』,在彈出的濾鏡設(shè)置頁(yè)面中,選擇你想要使用的濾鏡,點(diǎn)擊『完成編輯』即可完成設(shè)置。
6.設(shè)置完所有內(nèi)容以后,朋友們可以在右側(cè)的預(yù)覽框中進(jìn)行測(cè)試,也可以返回編輯器界面,點(diǎn)擊右側(cè)菜單欄中的『手機(jī)預(yù)覽』進(jìn)行測(cè)試。
注意事項(xiàng):

這里需要注意的是,由于微信后臺(tái)限制,所以排版完成后的推文需要使用保存同步功能,如果使用復(fù)制粘貼會(huì)導(dǎo)致樣式失效哦!
好啦,今天的教程就到這里啦
朋友們學(xué)會(huì)了嗎?
立即登錄

- 知乎熱議:微信公眾號(hào)如何快速漲粉?
- 0基礎(chǔ)運(yùn)營(yíng)小白學(xué)習(xí)什么新媒體課程比較好?
- 新媒體,自媒體新人必學(xué)的課程有哪些?
- 不懂就問(wèn):新媒體運(yùn)營(yíng)應(yīng)該怎樣學(xué)習(xí)?













