使用H5P插件在WordPress中创建交互式内容

2024-06-30 08:48:04

WordPress最著名的是网站内容管理系统，但它也是用于交付在线课程的出色的学习管理系统（LMS）。如果那是您在WordPress中寻找的东西，那么H5P应该是您列表中最重要的插件。

H5P是一种在浏览器中创建和共享交互式HTML5内容的方法，包括演示文稿，游戏，测验，表单等。您可以从H5P的示例和下载页面下载各种各样的内容类型，也可以创建独特的内容嵌入到WordPress网站中。

H5P为WordPress，Moodle，Drupal，Canvas，Brightspace，Blackboard等提供了插件和集成。在本文中，我将展示如何在WordPress中使用H5P来为学生创建阅读理解测验。

安装H5P插件

第一步是安装插件。登录WordPress管理面板，转到插件，选择添加新 ，然后在插件字段中搜索H5P 。找到它后，选择立即安装 。

Adding the H5P plugin

^{（Don Watkins， CC BY-SA 4.0 ）}

H5P现在应该出现在已安装插件的列表中。请务必通过转到WordPress管理面板底部的H5P菜单并单击按钮来激活插件。您将看到以下显示-一定要同意，以便您可以连接到H5P集线器。

H5P consent option

^{（Don Watkins， CC BY-SA 4.0 ）}

现在，您可以开始将H5P内容添加到WordPress安装中。

创建测验

我最喜欢的一首诗是罗伯特·弗罗斯特（Robert Frost）的《未走的路》。假设您正在教一门研究这首诗的班级，而您的目标之一就是让您的学生记住这首诗的作者。首先，在您的网站上创建一个新的WordPress帖子，其中包含这首诗的文字及其作者。

Creating a WordPress post

^{（Don Watkins， CC BY-SA 4.0 ）}

现在，您要使用诗歌下方嵌入HTML5交互式内容来测试学生的理解能力。

在WordPress管理面板中，在底部附近查找H5P内容菜单，然后选择它。在出现的菜单中，点击新建。

^{（Don Watkins， CC BY-SA 4.0 ）}

您将看到一系列可用的内容选项。由于您要创建多项选择测验，因此请找到“ 多项选择”选项，然后单击其右侧的“ 获取” 。

H5P content types

^{（Don Watkins， CC BY-SA 4.0 ）}

将打开一个表格供您开始创建测验。填写必填字段（标有红色星号）—给您的测验一个标题（例如，“未采取的道路测验”），输入一个问题（例如，“谁写的，'未采取的道路'？”）并更正和不正确的答案，然后在对话框中选择正确的答案。完成测验创建后，保存内容。

H5P quiz

^{（Don Watkins， CC BY-SA 4.0 ）}

将测验嵌入帖子中

现在，您可以将测验恰好插入您希望其出现在帖子中的位置。在您的WordPress编辑器中打开您要放置测验的帖子（例如“ The Road Not Taken”帖子），并且您应该在界面顶部附近看到一个Add H5P按钮。将光标放在要在测验中显示测验的位置，然后单击添加H5P 。您的H5P内容将出现在这样的对话框中：

^{（Don Watkins， CC BY-SA 4.0 ）}

选择所需的内容，H5P将在帖子中插入嵌入代码（例如[h5p id="1"] ），如下所示：

^{（Don Watkins， CC BY-SA 4.0 ）}

保存您的信息，然后在浏览器中打开它。测验正是您希望它出现在帖子中的位置：

^{（Don Watkins， CC BY-SA 4.0 ）}

当学生正确回答此问题时，他们会得到令人愉悦的视觉反馈：

^{（Don Watkins， CC BY-SA 4.0 ）}

可能性是无止境

还有更多。

H5P还提供了出色的文档和出色的教程，以帮助想要在其WordPress网站上使用该插件的任何人。 H5P软件是根据MIT许可开放的源代码，其代码可在GitHub上获得。 H5P也欢迎为社区做出贡献；查看开发者指南以获取更多信息。

翻译自: https://opensource.com/article/20/5/h5p-wordpress

使用H5P插件在WordPress中创建交互式内容相关推荐

wordpress创建_十分钟即可在WordPress中创建动态小部件
wordpress创建 Have you tried to find functionality for a specific purpose in WordPress but failed to f ...
wordpress创建_如何在WordPress中创建问卷（简易方式）
wordpress创建 Do you want to create a questionnaire in WordPress to survey your visitors or collect da ...
php里注册管理员账号,WordPress中创建用户角色的相关PHP函数使用详解
这篇文章主要介绍了WordPress中创建用户角色的相关函数使用,在WordPress的多用户模式中不同角色拥有不同的权限,需要的朋友可以参考下 WordPress 默认有 "订阅者&quo ...
wordpress 数据库_如何在WordPress中创建视频库（逐步）
wordpress 数据库 Recently, a user asked us how to create a video gallery in WordPress. WordPress makes ...
如何在WordPress中创建优惠券弹出窗口（逐步）
Do you want to create a coupon popup in WordPress? Coupon popups are a great way to convert your web ...
如何在WordPress中创建汽车贷款/汽车付款计算器
Do you want to create an auto loan or car payment calculator in WordPress? 您要在WordPress中创建汽车贷款或汽车付款计 ...
如何在WordPress中创建一个人格测验
想知道如何在WordPress中创建一个人格测验吗? 首先将展示如何使用一个名为Thrive Quiz Builder的WordPress插件来建立人格测验.该工具允许用户从测验中获得尽可能多的流量. ...
如何在WordPress中创建自定义主页
Often users ask us if it's possible to create a custom homepage in WordPress. 用户经常问我们是否可以在WordPress中 ...
使用Vue.js在WordPress中创建单页面应用SPA
吐槽一下,掘金好像并不能插入gist的代码框效果有点打折扣博客原文地址里有gist代码: 使用Vue.js在WordPress中创建单页面应用SPA 英文原文地址:premium.wpmudev. ...

最新文章

热门文章