Tutor LMS Elementor Addons:创建自定义课程页面、课程轮播、课程列表等

Tutor LMS Elementor Addons是一款可改变游戏规则的免费WordPress插件,可让您创建自定义课程页面,在时尚轮播和列表中展示课程,并针对不同设计编辑不同课程。如果您曾梦想通过流行的Elementor页面构建器创建和设计在线学习课程网站,则Tutor LMS Elementor Addons会为您打开该关口。

要求

要在您的在线学习网站上使用此集成,您首先需要满足以下条件: 

  • Tutor LMS
  • Elementor页面构建器
  • Tutor LMS Elementor Addons插件

特别的是,Tutor LMS Elementor Addons集成插件可与Tutor LMS和Elementor页面构建器的免费版和专业版一起使用。

完成后,您需要允许Elementor更改Tutor LMS课程。为此,请转到WP仪表盘 > Elementor > 设置 > 常规,并确保选择了以下帖子类型:

  • 课程
  • 测验
  • 作业

之后,您将能够使用Elementor的所有惊人功能来构建单个课程页面。

Tutor LMS Elementor Addons为您带来什么

在设计WordPress页面时,Elementor是无与伦比的,您现在可以充分利用它来创建梦想的在线学习平台。它是为专业级WordPress页面构建的,适用于自由职业者、个人指导教师和代理机构。它使您可以使用响应式的和优化的插件来创建像素完美的设计。作为WordPress社区中的佼佼者,Elementor还拥有庞大的其他插件库,这些插件将进一步增强WordPress LMS平台!

Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等

由于其受欢迎程度,因此有大量用户使用Elementor。Tutor LMS Elementor Addons的集成增加了24个功能齐全的插件,这些插件将完全改变您对在线学习课程的看法。

Tutor LMS Elementor Addons的工作原理

Tutor LMS与Elementor一起工作有两种主要的方式 。Tutor LMS Elementor Addons在Elementor的侧边栏中添加了24个以上完全可自定义的小部件或附加组件,可让您以2种不同的方式构建自定义课程。让我们看一下两种方式,然后我们将详细介绍如何让它们工作:

  • 全局课程模板:全局模板在某种程度上是不言自明的。如果添加全局课程模板,它将覆盖所有其他模板,并对所有课程使用该布局。如果要使所有课程的外观和感觉完全相同,这将很有用。
  • 单门课程定制:这使您可以分别和独立地定制每门课程。使用此模式,您可以根据其要求更改每门课程的结构和布局。
  • 在任何页面上显示课程轮播和列表:使用TMS LMS Elementor Addons,您可以在使用Elementor页面构建器创建的任何页面上创建课程轮播和课程列表。现在,您将能够以时尚的轮播展示课程,并以多种预先设计的布局列出课程列表。

创建全局课程模板

要在Tutor LMS的站点上利用Elementor构建器的强大功能,您将必须添加一个新的单课程模板。在WordPress管理页面的左侧,您会注意到Elementor选项卡正下方的一个名为Templates的选项卡。从那里,单击“添加新模板”以创建并添加新模板。

Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等

从下拉列表中选择“ Page ”,然后勾选“ Tutor LMS Single Course Template ”切换器。然后命名模板,一切就好了。接着,您将进入Elementor页面构建器的模板编辑器。这就是魔术发生的地方!

现在,您将能够使用24+种新的且高度可定制的Elementor附加组件来更改单个课程页面的外观和布局。这些直接取自Tutor LMS的单一课程页面,现在您可以根据需要重新排列它们。您不再局限于Tutor LMS的默认布局!创建您的自定义布局,使焦点集中在要优先排序的页面部分。 

设计完单个课程模板后,请单击“更新”,然后可以通过访问任何课程页面来查看新设计。

自定义单门课程

您想以不同的方式专门自定义每个课程页面吗?您也可以使用Elementor!为此,请从WordPress仪表板导航到 Tutor LMS > 课程,然后从后端打开任何课程。从那里,您将看到一个名为“使用Elementor进行编辑”的按钮,它将带您到单个课程设计编辑面板。

Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等

这将加载仅使用Elementor插件构建的课程的默认布局,然后您可以轻松地拖放其他元素,甚至只需单击一个按钮即可自定义现有元素。完成操作后点击保存,您就可以开始了!然后,您可以看到您的课程在前端采用完全不同的形状和形式。

Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等

安装此插件后,您不仅可以创建出色的设计,还可以自定义课程的各个方面,使其看起来像您想要的样子。这是使您的创意源源不断的几个例子!

在您最喜欢的Elementor页面构建器上构建和设计由Tutor LMS支持的在线学习网站的每个页面

Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等
Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等
TUTOR LMS ELEMENTOR ADDONS集成插件简介:创建自定义课程页面、课程轮播、课程列表等 13
Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等
TUTOR LMS ELEMENTOR ADDONS集成插件简介:创建自定义课程页面、课程轮播、课程列表等 14
Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等
TUTOR LMS ELEMENTOR ADDONS集成插件简介:创建自定义课程页面、课程轮播、课程列表等 15

Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等
TUTOR LMS ELEMENTOR ADDONS集成插件简介:创建自定义课程页面、课程轮播、课程列表等 16
Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等
TUTOR LMS ELEMENTOR ADDONS集成插件简介:创建自定义课程页面、课程轮播、课程列表等 17

Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等
TUTOR LMS ELEMENTOR ADDONS集成插件简介:创建自定义课程页面、课程轮播、课程列表等 18

Tutor LMS Elementor Addons集成插件简介:创建自定义课程页面、课程轮播、课程列表等
TUTOR LMS ELEMENTOR ADDONS集成插件简介:创建自定义课程页面、课程轮播、课程列表等 19

总结

如果您是Elementor大师,并且将其专门用于您的项目,那么这种集成无疑将为您的在线学习网站增添价值。你还在等什么?下载Tutor LMS Elementor插件并开始创建自定义课程页面!