如何在 WordPress 中通过 Sonaar 设置 MP3 音乐播放器

有时您只是希望能够直接从您的 WordPress 网站收听一些音乐。 或者,也许您正在尝试共享文件以供他人欣赏。 无论哪种方式,在您的网站上拥有 MP3 音乐播放器肯定有一些优势。

为什么要在您的网站上添加 MP3 播放器?

将 MP3 音乐播放器添加到您的站点将允许您收听您想要的所有音乐,而无需转到其他来源。 它还允许您从其他人那里流式传输音乐,并让您的网站用户在浏览您的网站时欣赏您发布的音乐。

此外,如果您有一个与音乐相关的网站,那么您可能出于各种原因需要嵌入或添加多个不同的 MP3 音乐播放器。

如果您一直想知道如何将 WordPress MP3 播放器添加到您的网站,但不确定从哪里开始,那么您来对地方了。

今天我将向您展示如何使用出色的 WordPress 插件将 MP3 音乐播放器添加到您的网站。 这个过程并不难,你只需要知道使用什么以及如何设置它。

让我们看一下插件,看看它提供了什么。

Sonaar 的 MP3 音乐播放器

Sonaar 的 MP3 音乐播放器

Sonaar 的 MP3 音乐播放器 是一款功能强大但轻量级的 WordPress 音频播放器。 它是目前最好的 MP3 插件之一,并为您提供了许多功能和特性。

安装和配置插件后,您将能够向您的站点添加无限数量的播放列表。 您可以使用多种不同的技术将专辑和音轨添加到任何帖子或页面。

使用内置的 Gutenberg 块、Elementor 小部件(适用于那些使用 Elementor 的人)或使用插件随附的标准短代码发布您的 WordPress MP3 音乐播放器。

Sonaar 插件的 MP3 音乐播放器非常灵活,几乎兼容所有主题和插件。 它还带有大量内置功能。 一些最好的包括:

  • 能够创建无限的音频专辑和播放列表
  • 上传无限量的 MP3 和 M4A 文件
  • 支持 MP3、音频和广播流
  • 多种方式嵌入音频播放器
  • 兼容所有主题和插件
  • 大量的颜色和配置选项
  • 添加立即购买和立即下载链接
  • WooCommerce 支持
  • 谷歌字体支持
  • 实时动态声波 FX(wavesurfer.js 的波形)或合成声波,以加快加载速度
  • 号召性用语按钮
  • 社会图标
  • 完全响应的 HTML5 播放器

基本上,Sonaar 插件可以为您提供所需的所有工具,并且可以根据需要向网站添加任意数量的 MP3 音乐播放器。

让我们看一下如何安装和配置插件,然后查看所有步骤以使其协同工作。

笔记: 这个插件有专业版。 它确实为您提供了更多选择和功能。 但是,本教程基于免费版本。 它拥有您所需要的一切以及添加音乐播放器的更多功能。

1.安装并激活插件

为了将 MP3 音乐播放器添加到您的网站,您首先需要安装并激活该插件。 您可以通过转到 WordPress 管理仪表板的插件页面来执行此操作。

在那里,只需使用搜索字段按名称搜索插件,然后直接从那里安装和激活它。

安装并激活 MP3 音乐播放器

现在插件已经安装并激活,您想继续访问主设置和配置页面。 为此,请单击 MP3 播放器 > 设置。

激活插件后,您将看到现在这是仪表板左侧菜单区域中的一个选项。

点击 MP3 播放器然后设置

这会将您带到可以根据您的特定标准配置 MP3 音乐播放器并进行设置的区域。

2. 配置 MP3 播放器

此时,您应该查看插件的所有设置。 只有一页包含几个不同的部分,可以查看并设置您认为合适的方式。

页面顶部提供音频播放器的常规设置。 继续并选择您想要的波形类型,并在您选择的帖子类型上启用播放器。

音频播放器常规设置

现在向下滚动一点,并为排版和颜色做出所有你想要的选择。 这些将是您的播放列表、专辑标题、按钮颜色和其他布局样式的字体和颜色选择。

排版和颜色

在最底部,您会看到所有按钮颜色选项,以及选择专辑封面图像尺寸的选项。 根据您的喜好进行选择。

按钮颜色和专辑图片

完成选择后单击“保存更改”按钮,一切就绪。 您已成功配置 Sonaar 插件。

让我们在页面中添加一个 MP3 音乐播放器,以便您了解它是如何工作的。

3.添加新的播放列表

为了在您的网站上获得 MP3 播放器,您需要创建一个播放列表。 同样,您可以根据您配置设置选项的方式将播放列表放在您想要的任何帖子或页面上。

在这种情况下,我们将添加播放列表,然后将其放在页面上。

单击位于左侧菜单区域的“添加新播放列表”选项卡。 您将在主 MP3 播放器选项卡下看到它。

添加新的播放列表

这将打开 WordPress 编辑器,您可以在其中添加新的播放列表。 来吧,把你的标题和一些播放列表信息放在第一位。

添加播放列表标题和信息

如果您有播放列表类别或封面图片,也可以添加。 您将在右侧看到这些选择。

播放列表类别和封面图片

现在,向下滚动页面直到看到“专辑信息”部分。 如果需要,您可以在此处添加字幕,然后您可以添加将包含在播放列表中的曲目信息。

字幕和源文件选项

在此之下,您可以输入 MP3 选项,以及有关在何处购买和/或下载曲目的信息。

MP#音乐播放器下载文件选项

笔记: 如果您要添加实际的完整专辑,则页面底部有一个设置询问某人可以在哪里购买完整专辑。

购买完整专辑

如果您想继续将曲目添加到播放列表,请单击“添加另一个曲目”按钮,然后从上面重复该过程。

当您输入专辑信息或完成输入您想要的所有曲目后,单击“发布”按钮,将发布播放列表并使其可用于发布帖子或页面。

4. 将 MP3 添加到页面或帖子

现在您已经有了第一个播放列表,是时候将其添加到您想要的页面了。 转到您网站的页面部分。

请记住,您可以使用多种方法添加播放列表。 Gutenberg 编辑器有一个内置块,而 Elementor 小部件适用于那些使用该页面构建器或标准短代码的人。

对于此示例,让我们使用经典编辑器,因为这是最简单的方法。

打开要添加播放列表的页面。 在编辑器的顶部,您会看到现在有一​​个音乐图标。 继续并单击它。

点击音乐图标

执行此操作时,将出现一个弹出框。 单击要插入的播放列表,然后在框中填写任何其他相关信息。 然后单击“插入音频播放器”按钮将其附加到页面。

MP3 音乐播放器的弹出框信息

系统会自动生成一个简码,您所要做的就是发布您的页面。

页面发布后,请查看您的新播放列表 MP3 音乐播放器在您网站前端的外观。

播放列表示例直播

你可以看到我们的很简单。 您的将散发出您的配置和设置的外观。 因此,将其与您的网站颜色相匹配并很好地集成。

就是这样! 您可以根据需要多次重复此过程。

最后的想法

将 MP3 音乐播放器添加到您的网站并不一定是一项艰巨的任务。 实际上恰恰相反,因为添加所需的所有专辑和曲目会很有趣。

现在你有了一个好的起点和一个可靠的插件来完成这个过程。 我希望本教程能够向您展示将 MP3 音乐播放器添加到您的 WordPress 网站是多么容易。

您是否一直在使用较旧的嵌入样式向您的网站添加不同的音乐播放器? 您是否发现此插件更易于配置和使用?

查看  如何使用 SEO 框架来改进 WordPress 网站

类似文章