如何在 WordPress 中添加音频音乐播放器小部件

您想在 WordPress 中添加音频音乐播放器小部件吗?

音乐播放器是与听众分享歌曲、播客、采访和其他音频文件的好方法。这有助于在您的网站上创建更有趣和更有吸引力的体验。

在本文中,我们将向您展示如何在 WordPress 中添加音频音乐播放器。

如何在 WordPress 中添加音频音乐播放器小部件

为什么在 WordPress 中添加音频音乐播放器小部件

音乐播放器可让访问者直接在您的 WordPress 网站上收听音频。

如果您是播客或音乐家,那么在您自己的网站上播放音频可以让您的访问者和粉丝随时了解您的作品。

它还可以鼓励人们直接访问您的网站,而不是在其他平台上播放您的音频。一旦这些人在您的网站上,您就可以通过在您的 WordPress 博客上展示广告或将音频文件作为数字下载出售来赚取更多的钱。

即使您不创建任何原始音频,嵌入来自第三方平台(如 Spotify)的内容也是创建更具吸引力的网站的简单方法。这可以让访问者在您的网站上停留更长时间,并使体验更有趣。

话虽如此,让我们看看如何在 WordPress 中添加音频音乐播放器。只需使用下面的快速链接直接跳转到您要使用的方法。

方法 1. 如何使用音频块添加音频音乐播放器小部件(简单)

方法 2. 如何使用插件添加音频音乐播放器小部件(更可定制)

方法 1. 如何使用音频块添加音频音乐播放器小部件(简单)

通过这种方法,您可以使用内置的 WordPress 音频块创建一个简单的音频音乐播放器。您可以使用该块播放任何 .mp3、.m4a、.ogg 或 .wav 文件。

与大多数音频播放器插件相比,音频播放器非常简单。它有一个播放/暂停按钮、音量控制、一个下载按钮和一个更改播放速度的按钮。

使用音频块创建的音乐播放器小部件

如果您想向您的网站添加一些简短的音频剪辑,并且不需要任何高级功能,那么内置的音频块是一个不错的选择。

如果您从受支持的第三方平台(如 Spotify 或 SoundCloud)嵌入内容,则音频块将显示该平台的播放控件。它还可能显示来自平台的一些额外内容,例如艺术家的姓名和封面图片。

例如,这是一个嵌入了 SoundCloud 内容的音频块。

具有嵌入式 SoundCloud 内容的音频播放器

要将简单的音频音乐播放器添加到您的WordPress 网站,请打开任何页面或帖子。然后,单击 + 图标。

在出现的弹出窗口中,输入“音频”以找到正确的块。然后,您只需单击音频块即可将其添加到您的页面。

内置的 WordPress 音频块

此时,您可以添加音频文件或嵌入来自其他平台的音频剪辑。

注意:在大多数情况下,出于多种原因,我们建议您在第三方网站上托管您的音频和视频文件,包括质量优化和节省带宽。这就是为什么您永远不应该将视频上传到 WordPress的原因。

要从您的计算机添加音频文件,请单击“上传”,然后选择您要使用的文件。另一种选择是单击“媒体库”,然后从 WordPress 媒体库中选择一个文件。

将音频文件上传到您的 WordPress 网站

如果您上传完整的音频,那么您可能希望通过向您发送捐款来让访问者选择支持您作为音乐家或播客的工作。有关分步演练,请参阅我们的指南,了解如何在 WordPress 中添加 Stripe 捐赠按钮。

您想嵌入其他平台的音频吗?

这类似于您在 WordPress 中嵌入视频的方式,您只需粘贴 YouTube 视频的 URL,WordPress 就会自动将其嵌入。

请注意,大多数平台仅嵌入完整音频文件的预览。该块甚至可能会鼓励人们离开您的网站并访问第三方平台,以便听到完整的音频。

在下图中,音频块将访问者引导至 Spotify 网站。

嵌入在 WordPress 中的 Spotify 播放列表

如果您是音乐家,那么这可能会通过鼓励访问者在其他平台上播放您的内容来增加您的版税。但是,它也可以将人们从您的网站转移到其他平台上。

要嵌入来自第三方平台的音频,请先单击“从 URL 插入”。

这将打开一个小的“粘贴或键入 URL”栏。

使用 URL 粘贴音频文件

您现在可以输入要嵌入WordPress 博客的音频剪辑的 URL 。

通常,您只需访问要嵌入的歌曲或音频,然后打开其“共享”设置。

之后,您可以复制提供的 URL。

例如,让我们看看如何在您的网站上嵌入任何 Spotify 歌曲。首先,找到要添加到 WordPress 网站的歌曲或播放列表。

然后,只需单击 Spotify 在播放列表或歌曲旁边显示的三个点。

将 Spotify 音频添加到 WordPress 网站

完成后,单击共享»复制歌曲链接。

要将音频添加到音乐播放器小部件,只需将链接粘贴到音频块中。

Spotify 的“分享”网址

在我们的 Spotify 示例中,WordPress 会将音频块转换为 Spotify 块。此更改会自动发生,因此您无需担心。

WordPress Spotify 块

添加音频文件后,您可以单击音频块以查看可以为该块配置的设置。

您看到的设置可能会有所不同,具体取决于您是上传了音频文件还是嵌入了来自第三方站点的预览。例如,您通常可以通过单击“自动播放”切换按钮将音频设置为自动播放。

WordPress 自动播放和循环设置

这些设置中的大多数都是不言自明的,因此最好花一些时间尝试不同的设置,看看哪些设置最适合您的网站。

当您对区块的设置方式感到满意时,您可以更新或发布页面。

现在,如果您访问您网站上的页面,您将看到音频音乐播放器。您还可以使用块的播放控制按钮收听音频。

方法 2. 如何使用插件添加音频音乐播放器小部件(更可定制)

内置的 WordPress 音频块是创建简单音频播放器的快捷方式。但是,它确实有其局限性,尤其是在自定义播放器和播放体验方面。

也没有可以管理音频播放器的中心位置。这意味着您不能在您的网站上多次使用同一个播放器。

如果您确实想要更高级的功能和可重复使用的音频播放器,那么我们推荐Html5 音频播放器。此插件可以播放任何 mp3、.wav 或 .ogg 文件。

该插件每个播放器只能播放一个音频文件。但是,您可以根据需要创建任意数量的音频播放器,这样您仍然可以在您的网站上播放许多不同的曲目。

您甚至可以将多个音频播放器添加到同一页面。

单个页面上的多个音频播放器

首先,您需要安装并激活插件。如果您需要帮助,请参阅我们的关于如何安装 WordPress 插件的指南。

激活后,您就可以通过转到Html5 Audio Player » Html5 Audio Player来构建您的第一个音频播放器。

在这里,继续并单击“添加音频播放器”按钮。

将音频播放器添加到您的 WordPress 网站

首先,在显示“添加标题”的字段中输入音频播放器的名称。

这仅供您参考,因此您可以使用任何您想要的标题。

使用插件创建音频播放器小部件

完成后,滚动到“播放器配置”部分。

在这里,您可以通过单击“添加音频”按钮将音频文件添加到播放器。

将音频文件添加到 HTML5 播放器

您现在可以从媒体库中选择任何音频文件或从您的计算机上传文件。

选择文件后,您就可以自定义音频播放器了。默认情况下,访问者只需单击“播放”按钮,音频就会以已经调高的音量开始播放。

这是大多数访问者期望音频播放器的行为方式,因此您通常希望使用这些默认设置。

还有默认静音、自动播放、重复等选项。

一旦您对播放器的设置方式感到满意,只需滚动到屏幕顶部并单击“保存”按钮。

向您的 WordPress 网站添加新的音频播放器

然后,您可以使用简码或 HTML5 音频播放器块将音频播放器添加到您的站点。

块是最简单的方法。但是,如果您确实想使用短代码放置播放器,那么您会在屏幕顶部找到代码。

使用简码放置音频播放器小部件

有关如何放置短代码的更多详细信息,您可以查看我们关于如何在 WordPress 中添加短代码的指南。

要使用块添加音频音乐播放器,请打开任何页面或帖子。您现在可以单击 + 按钮。

在出现的弹出窗口中,键入“HTML5 音频播放器”以找到正确的块。单击“HTML5 音频播放器 – 插入”块后,它将将该块添加到您的页面。

将音频播放器块添加到您的 WordPress 网站

接下来,打开显示“选择播放器”的下拉菜单以查看您创建的所有音频播放器的列表。

您现在可以单击音频播放器将其添加到页面或发布。

一个 HTML5 WordPress 音频块

WordPress 页面编辑器不显示音频播放器。

但是,如果您单击“预览”按钮,您将能够看到播放器在访问您网站的人眼中的样子。您甚至可以收听音频并测试不同的播放按钮。

预览音频音乐小部件

当您对音频播放器的外观和功能感到满意时,您可以更新或发布页面。

现在,如果您在 WordPress 网站上访问此页面,您将看到音频播放器直播。

您想将其他音轨添加到您的网站吗?然后您可以简单地按照上述过程创建更多音频播放器并将它们添加到您的 WordPress 网站。

我们希望本文能帮助您了解如何在 WordPress 中添加音频播放器小部件。您还可以浏览我们关于最佳网络推送通知软件以及如何创建电子邮件通讯的指南。