专注 WordPress 高端企业主题的的设计与开发!

WordPress 主题 Slearn Pro 课程插件之编辑文章时创建和选择课时

6 天前 703次

在WordPress + Vue.js 主题 Slearn Pro 发布2.0重写版本后,用户反馈编辑课程选择课时时不够友好,课时很多时选择就相当困难,被选择的课时在后期选择中还会是出现,为了这个功能模块特意花了几天,最终呈现效果完美,体验极佳的课时选择面板。

1、默认是没有任何内容

2、创建章节后

章节标题可再次修改,设置章节描述,创建一个新的课时或者选择已经添加好的课时。

3、选择课时面板

创建新课时或选择已经的课时都将和当前课程进行关联,其它课程则不能选择已选择的课时。

已选择好的课时,添加后将与当前课程进行关联。

4、选择后的结果

章节可开关,排序和删除,删除,删除章节时,其中的全部课时也将与当前课程取消关联。

课时可排序,预览开关切换,编辑和删除,修改标题回车后也可以修改课时标题。

5、最终设置好的课时

「JSON 数据」可单独保存起来,这样不管当前课程目录被怎么修改,后期都可复制数据到「JSON 数据」中直接恢复。