公众号编辑器制作问答SVG选择题样式教程

在选择题中点击对应选项,通过不同色彩显示答案正误;可以在下面加入隐藏样式放入正确答案。


    考试/答题/选择题样式

    说 明

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


    本样式支持专业版菜单栏【动画】、HTML代码调整。部分样式支持秒刷。


    【可调整参数】:标题与选项文字、文字与选项颜色。

    使用此类样式需要将文章同步到公众号(查看如何授权公众号同步文章)


    什么是答题/选择题样式

    在选择题中点击对应选项,通过不同色彩显示答案正误;可以在下面加入隐藏样式放入正确答案。



    如何修改文字内容


    由于编辑器升级了专业版,简化了部分svg样式的操作流程,使得修改svg样式大部分参数无需再通过html代码实现。本选择题样式所有参数都可通过动画设置调整。



    将编辑器切换到专业版模式,点击样式区域弹出对话框,在【全局样式】中点击动画按钮,开始修改SVG样式参数。



     1.修改标题文字颜色 


    修改标题或颜色可通过两种方式实现。

    方法一:选择需要修改的文字(请注意一定要弹出蓝色子区域方框才可进行操作),通过编辑器上方的工具栏直接修改颜色。



    方法二:选中需要修改的文字(请注意一定要弹出蓝色子区域方框才可进行操作),弹出文本菜单栏,在文本菜单栏中进行文字颜色的修改。




     2.修改选项颜色 


    点击选择题样式,选择专业版编辑器菜单中的『动画』按钮,进入到『动画』编辑界面。



    在这里,我们可以对整个答题样式进行修改。包括标题,按钮的选项及显示的内容。



    为了方便操作,部分答题样式被分为了上下两个部分,大家别忘了也要将下方的内容一起修改。


    这里需要注意的是,我们将正确与错误的显示卡作成了图片,大家在使用时需要注意保存一下图片的链接。


    例如:


    四个选项中第三个选项是正确选项,其余选项均为错误选项,则需要在更改对应第一个选项的颜色栏(使用绿色的图片链接),其他对应选项的填充颜色栏(使用红色的图片链接)。



    01

    王者荣耀中,最贵的鞋子是

    隐忍之足
    秘法之靴
    急速战靴
    冷静之靴


    (点击样式查看修改后的效果)


    image.png


    这款选择题样式的修改方式也类似,使用动画面板可以非常方便地修改选项及问题!


    录制_2020_06_18_17_21_03_17.gif


文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到