公眾號編輯器制作問答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)選項的填充顏色欄(使用紅色的圖片鏈接)。
王者榮耀中,最貴的鞋子是
(點擊樣式查看修改后的效果)
這款選擇題樣式的修改方式也類似,使用動畫面板可以非常方便地修改選項及問題!
立即登錄