文章:
- 如何删除课程
- 在 Kwiga 上保护您的内容版权
- 公开课或试听课
- 如何将课程设为草稿状态并对学生隐藏
- Usage of checkpoints
- 如何将作业添加到课程中
- 如何创建需要助教强制审核的任务
- 如何为不同的优惠创建任务
- 如何创建带有分数和自动批准的测试
- 如何在课程中创建并开展学生调查
- 课程内容及各种课堂活动类型
- 下载视频文件
- 如何为视频添加时间码
- 如何向课程添加按钮
- 插入 iframe 代码
- 添加分数、数学函数和公式
- 如何在课程中添加带剧透的文本
- 如何在 Kwiga 平台上创建课程
- 如何创建马拉松
- 如何为课程添加封面
- 课程方案显示选项
- How to add a public face to a course
- 如何将团队添加到课程中
- 具有不同访问级别的课程预览
- 课程上方的区块(顶部横幅)
- 设置延迟、课程开启和关闭的时间表(内容逐步释放)
- 课程中的学生进度报告
- 课程作业完成情况分析
- 课程销售报告
- 如何创建课程副本
- 如何复制课程内容
- 助理对实践任务的访问权限
- 学生无法看到课程(马拉松,封闭小组)
- 如何设置测试,使学生在完成后看到评论
- 邮件投递:为什么邮件未送达以及如何解决
- 如何自定义课程外观
我们将解释如何向课程、马拉松、课程页面或模块描述添加按钮。
在这篇文章中:
在 Kwiga 中,您可以通过两种方式添加按钮:
-
快速方式–– 允许您设置按钮的颜色和文字。
-
使用代码–– 允许您编辑任意参数,例如边框圆角、尺寸、轮廓颜色、高度等。
快速添加
打开您想要添加按钮的课程,并插入“文本、图片、代码嵌入”元素。点击您想放置按钮的区域,然后从文本编辑器工具栏中选择+Button。
在打开的菜单中,您可以添加链接、设置按钮名称,并自定义按钮和文字颜色。点击提交,按钮就会被添加到您的课程中!
通过代码添加按钮
您可以使用 HTML 代码为课程课时或 marathon 添加按钮。下面我们将向您展示如何操作。
打开您想要添加按钮的课程,并插入“文本、图片、代码嵌入”元素。
然后打开代码编辑器(如果您没有看到文本编辑工具栏,请点击白色区域以激活文本输入字段):
代码编辑器将会打开(屏幕上的黑色区域),在菜单顶部,您会看到用于添加现成代码模板的按钮。要创建按钮,请选择Button:
您会在页面上看到代码,并在其上方看到您的按钮。
您还可以自定义按钮上的字体大小、内边距、按钮宽度,并调整边框圆角。
您可以使用 RGB 或 HEX 代码设置按钮颜色,使用转换器,或者使用取色工具。
将多个按钮排列在一行
要创建多个并排放置的按钮,需要额外的代码。下面是三个按钮的代码,文字分别为“Base”、“Comfort”和“Pro”,颜色各不相同。您可以编辑代码中的相应部分,更改文字、颜色和按钮格式,同时别忘了添加链接。
#buttons-container {
display: flex;
grid-gap: 20px;
justify-content: center;
}
@media(max-width: 640px) {
#buttons-container {
flex-direction: column;
}
}
#my-button {
display: flex;
margin: 0 auto;
width: 100%;
padding: 13px 20px;
border-radius: 20px;
color: rgb(255, 255, 255);
background: orange;
justify-content: center;
&:first-child {
background: green;
}
&:last-child {
背景:紫色;
}
}
<\/style>
黄色高亮区域表示按钮颜色是在这里指定的。