公眾號編輯器制作問答SVG選擇題樣式教程

在選擇題中點擊對應(yīng)選項,通過不同色彩顯示答案正誤;可以在下面加入隱藏樣式放入正確答案。


    考試/答題/選擇題樣式

    說 明

    本教程適用于:ID94907、94905、94908、95909、98716、91720


    本樣式支持專業(yè)版菜單欄【動畫】、HTML代碼調(diào)整。部分樣式支持秒刷。


    【可調(diào)整參數(shù)】:標題與選項文字、文字與選項顏色。

    使用此類樣式需要將文章同步到公眾號(查看如何授權(quán)公眾號同步文章)


    什么是答題/選擇題樣式?

    在選擇題中點擊對應(yīng)選項,通過不同色彩顯示答案正誤;可以在下面加入隱藏樣式放入正確答案。



    如何修改文字內(nèi)容


    由于編輯器升級了專業(yè)版,簡化了部分svg樣式的操作流程,使得修改svg樣式大部分參數(shù)無需再通過html代碼實現(xiàn)。本選擇題樣式所有參數(shù)都可通過動畫設(shè)置調(diào)整。



    將編輯器切換到專業(yè)版模式,點擊樣式區(qū)域彈出對話框,在【全局樣式】中點擊動畫按鈕,開始修改SVG樣式參數(shù)。



     1.修改標題文字顏色 


    修改標題或顏色可通過兩種方式實現(xiàn)。

    方法一:選擇需要修改的文字(請注意一定要彈出藍色子區(qū)域方框才可進行操作),通過編輯器上方的工具欄直接修改顏色。



    方法二:選中需要修改的文字(請注意一定要彈出藍色子區(qū)域方框才可進行操作),彈出文本菜單欄,在文本菜單欄中進行文字顏色的修改。




     2.修改選項顏色 


    點擊選擇題樣式,選擇專業(yè)版編輯器菜單中的『動畫』按鈕,進入到『動畫』編輯界面。



    在這里,我們可以對整個答題樣式進行修改。包括標題,按鈕的選項及顯示的內(nèi)容。



    為了方便操作,部分答題樣式被分為了上下兩個部分,大家別忘了也要將下方的內(nèi)容一起修改。


    這里需要注意的是,我們將正確與錯誤的顯示卡作成了圖片,大家在使用時需要注意保存一下圖片的鏈接。


    例如:


    四個選項中第三個選項是正確選項,其余選項均為錯誤選項,則需要在更改對應(yīng)第一個選項的顏色欄(使用綠色的圖片鏈接),其他對應(yīng)選項的填充顏色欄(使用紅色的圖片鏈接)。



    01

    王者榮耀中,最貴的鞋子是

    隱忍之足
    秘法之靴
    急速戰(zhàn)靴
    冷靜之靴


    (點擊樣式查看修改后的效果)


    image.png


    這款選擇題樣式的修改方式也類似,使用動畫面板可以非常方便地修改選項及問題!


    錄制_2020_06_18_17_21_03_17.gif


文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
比格設(shè)計
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產(chǎn)品設(shè)計指南
淺談用戶運營中的用戶分層
內(nèi)容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關(guān)鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務(wù)費
熱門素材樣式
運營導(dǎo)航
運營工具
分享到