您当前的位置:首页 > 电脑百科 > 程序开发 > 开源程序 > WordPress

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

时间:2023-09-04 14:39:56  来源:  作者:六翼开源建站

您想在wordPress/ target=_blank class=infotextkey>WordPress中添加音频音乐播放器小部件吗?音乐播放器是与观众分享歌曲、播客、采访和其他音频文件的好方法。这有助于在您的网站上创建更有趣和引人入胜的体验。在本文中,我们将向您展示如何在WordPress中添加音频音乐播放器。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如果您上传完整的音频,那么您可能希望通过向您发送捐款来为访问者提供支持您作为音乐家或播客工作的选项。

是否要嵌入来自其他平台的音频?

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

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

在下图中,音频块正在将访问者推向 Spotify 网站。

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

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

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

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

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

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

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

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

完成此操作后,单击“共享”»“复制歌曲链接”。

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

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

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

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

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

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

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

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

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

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

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

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

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

首先,您需要安装并激活插件。

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

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

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

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

完成此操作后,滚动到“玩家配置”部分。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



Tags:WordPress   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
TXT文章导入WordPress的5个方法
WordPress作为最受欢迎的开源博客平台之一,强大的可扩展性和友好的用户界面使其备受欢迎。对于一些用户而言,将纯文本文件(txt)导入到WordPress中可能是一个挑战。本文将深入探...【详细内容】
2023-12-19  Search: WordPress  点击:(99)  评论:(0)  加入收藏
如何将 WordPress 类别转换为自定义分类法
您想将您的 WordPress 类别转换为自定义分类法吗?类别是帮助您对内容进行排序的两个默认分类法之一。WordPress 还允许您创建和使用自定义分类法。在本文中,我们将向您展示如...【详细内容】
2023-12-08  Search: WordPress  点击:(92)  评论:(0)  加入收藏
为什么WordPress网站需要SSL证书?
WordPress是目前最受欢迎和广泛使用的内容管理系统,因其易用性和灵活性而备受欢迎。然而,在当前的数字化环境中,网站的安全性也变得越来越重要。为了提供安全的访问和保护用户...【详细内容】
2023-12-07  Search: WordPress  点击:(138)  评论:(0)  加入收藏
如何在 WordPress 中重新发送新用户欢迎电子邮件
您想向您的 WordPress 用户重新发送欢迎电子邮件吗?欢迎电子邮件有助于与新用户建立信任,并确保人们记住您的网站和业务。但是,您的欢迎电子邮件有时可能会进入垃圾邮件文件夹,...【详细内容】
2023-11-24  Search: WordPress  点击:(129)  评论:(0)  加入收藏
在WordPress中添加联系表单弹出窗口
您是否正在寻找一种在WordPress网站上显示联系表单弹出窗口的简单方法?联系表格非常适合与访问者交流。将它们放在弹出窗口中可以让您的客户更轻松地就您的产品和服务与您联...【详细内容】
2023-09-07  Search: WordPress  点击:(293)  评论:(0)  加入收藏
如何在WordPress中将经典块批量转换为古腾堡
您想使用经典块将旧内容批量转换为WordPress中的古腾堡(块)格式吗?更新到WordPress 5.0以上的任何版本后,您的旧帖子和页面内容将显示在新的WordPress内容编辑器的经典块中。如...【详细内容】
2023-09-06  Search: WordPress  点击:(252)  评论:(0)  加入收藏
如何使用WordPress在新窗口或选项卡中打开外部链接
您想在新的浏览器窗口或选项卡中打开博客文章中的外部链接吗?在新窗口中打开外部链接可让您的用户在不离开您的网站的情况下访问该链接。这会导致更高的用户参与度,因为他们在...【详细内容】
2023-09-06  Search: WordPress  点击:(213)  评论:(0)  加入收藏
如何创建自定义WordPress搜索表单
您想为您的WordPress网站创建自定义搜索表单吗?搜索是大多数用户在您的网站上找到相关且有趣的内容的方式。如果他们无法轻松找到所需的内容,那么他们可能会转到其他网站。在...【详细内容】
2023-09-05  Search: WordPress  点击:(326)  评论:(0)  加入收藏
如何在WordPress中添加音频音乐播放器小部件
您想在WordPress中添加音频音乐播放器小部件吗?音乐播放器是与观众分享歌曲、播客、采访和其他音频文件的好方法。这有助于在您的网站上创建更有趣和引人入胜的体验。在本文...【详细内容】
2023-09-04  Search: WordPress  点击:(364)  评论:(0)  加入收藏
如何修复WordPress中的严重错误
您是否在WordPress网站上看到严重错误?WordPress有时可能会显示一条错误消息,指出“此网站上存在严重错误。请查看您的网站管理员电子邮件收件箱以获取说明。它还将包括指向Wo...【详细内容】
2023-08-31  Search: WordPress  点击:(219)  评论:(0)  加入收藏
▌简易百科推荐
Elementor使用教程:初学者指南,从入门到精通
如果你正在寻找一篇全面的Elementor使用教程,那么你来对了地方。这篇教程将引导你通过Elementor的拖放界面,一步步构建出自己的外贸网站,无需任何编程知识。什么是Elementor编...【详细内容】
2024-03-12  郑州白帽子网络科技    Tags:Elementor   点击:(20)  评论:(0)  加入收藏
TXT文章导入WordPress的5个方法
WordPress作为最受欢迎的开源博客平台之一,强大的可扩展性和友好的用户界面使其备受欢迎。对于一些用户而言,将纯文本文件(txt)导入到WordPress中可能是一个挑战。本文将深入探...【详细内容】
2023-12-19  肿浮宠物    Tags:WordPress   点击:(99)  评论:(0)  加入收藏
如何将 WordPress 类别转换为自定义分类法
您想将您的 WordPress 类别转换为自定义分类法吗?类别是帮助您对内容进行排序的两个默认分类法之一。WordPress 还允许您创建和使用自定义分类法。在本文中,我们将向您展示如...【详细内容】
2023-12-08  六翼开源建站    Tags:WordPress   点击:(92)  评论:(0)  加入收藏
为什么WordPress网站需要SSL证书?
WordPress是目前最受欢迎和广泛使用的内容管理系统,因其易用性和灵活性而备受欢迎。然而,在当前的数字化环境中,网站的安全性也变得越来越重要。为了提供安全的访问和保护用户...【详细内容】
2023-12-07  安信SSL证书    Tags:WordPress   点击:(138)  评论:(0)  加入收藏
如何在 WordPress 中重新发送新用户欢迎电子邮件
您想向您的 WordPress 用户重新发送欢迎电子邮件吗?欢迎电子邮件有助于与新用户建立信任,并确保人们记住您的网站和业务。但是,您的欢迎电子邮件有时可能会进入垃圾邮件文件夹,...【详细内容】
2023-11-24  六翼开源建站    Tags:WordPress   点击:(129)  评论:(0)  加入收藏
在WordPress中添加联系表单弹出窗口
您是否正在寻找一种在WordPress网站上显示联系表单弹出窗口的简单方法?联系表格非常适合与访问者交流。将它们放在弹出窗口中可以让您的客户更轻松地就您的产品和服务与您联...【详细内容】
2023-09-07  六翼开源建站    Tags:WordPress   点击:(293)  评论:(0)  加入收藏
如何在WordPress中将经典块批量转换为古腾堡
您想使用经典块将旧内容批量转换为WordPress中的古腾堡(块)格式吗?更新到WordPress 5.0以上的任何版本后,您的旧帖子和页面内容将显示在新的WordPress内容编辑器的经典块中。如...【详细内容】
2023-09-06  六翼开源建站    Tags:WordPress   点击:(252)  评论:(0)  加入收藏
如何使用WordPress在新窗口或选项卡中打开外部链接
您想在新的浏览器窗口或选项卡中打开博客文章中的外部链接吗?在新窗口中打开外部链接可让您的用户在不离开您的网站的情况下访问该链接。这会导致更高的用户参与度,因为他们在...【详细内容】
2023-09-06  六翼开源建站    Tags:WordPress   点击:(213)  评论:(0)  加入收藏
如何创建自定义WordPress搜索表单
您想为您的WordPress网站创建自定义搜索表单吗?搜索是大多数用户在您的网站上找到相关且有趣的内容的方式。如果他们无法轻松找到所需的内容,那么他们可能会转到其他网站。在...【详细内容】
2023-09-05  六翼开源建站    Tags:WordPress   点击:(326)  评论:(0)  加入收藏
如何在WordPress中添加音频音乐播放器小部件
您想在WordPress中添加音频音乐播放器小部件吗?音乐播放器是与观众分享歌曲、播客、采访和其他音频文件的好方法。这有助于在您的网站上创建更有趣和引人入胜的体验。在本文...【详细内容】
2023-09-04  六翼开源建站    Tags:WordPress   点击:(364)  评论:(0)  加入收藏
站内最新
站内热门
站内头条