首页 >CMS教程 >WordPress >将音频添加到WordPress网站的4种简单方法

将音频添加到WordPress网站的4种简单方法

William Shakespeare
William Shakespeare原创
2025-02-10 11:55:10429浏览

在WordPress网站上轻松添加音频文件,无需任何编码知识!本文将指导您如何利用WordPress内置功能和插件,便捷地添加音频内容,提升用户体验。

4 Simple Ways to Add Audio to Your WordPress Site

关键要点:

  • WordPress默认支持音频文件,添加音频如同添加图片一样简单。
  • WordPress自带音频播放器支持MP3、M4A、OGG和WAV格式,并能创建播放列表。
  • 可使用SoundCloud等外部音频托管平台嵌入音频,减轻服务器负担。
  • 若需更多功能或自定义选项,可使用Compact WP Audio Player、MP3-jPlayer和SoundCloud is Gold等插件。

4 Simple Ways to Add Audio to Your WordPress Site

本文与SiteGround合作创作。感谢支持我们的合作伙伴,使SitePoint成为可能。

想要在您的网站上分享音频文件吗?Facebook并不允许直接分享音频,除非您采用诸如在Dropbox分享或转换为视频等繁琐方法。但如果您拥有自己的WordPress网站,这将变得非常简单。

添加音频并非难事。我们并非指在充斥GIF动画的过时网站上添加俗气的背景音乐。虽然随意添加音乐并非明智之举,但网站中包含音频确有其合理用途:

  • 音乐人分享音乐样本。
  • 博客作者分享播客节目。
  • 学校、教会和活动网站提供研讨会、布道或主题演讲的音频。
  • 教师、培训师和教育工作者在在线课程中添加音频示例。
  • 博客作者添加访谈等额外内容。

您可能不知道,WordPress默认支持音频文件处理。如果您知道如何在文章中插入图片,那么插入音频也同样简单。

HTML5之前,网页上播放音频没有标准方法,Flash曾被广泛使用,但效果并不理想。WordPress使用HTML5嵌入音频,兼容大多数浏览器和设备,包括移动设备。

还有其他方法可以将音频添加到您的网站,包括第三方(包括音频库网站)的可嵌入播放器和WordPress插件。这些方法提供了额外的功能,并允许使用来自库网站的音频。

当然,仅使用您有权使用的音频文件,包括您自己创作的音频、已获得许可的音频和免版税音频。本文中使用的示例音频来自YouTube的免费音乐库。

1. 使用WordPress音频播放器

将音频添加到网站最简单的方法是使用WordPress自带的音频播放器。除非您有特殊需求,否则无需寻找其他方法。

您可以将MP3、M4A、OGG或WAV文件添加到WordPress媒体库。然后,您可以将其插入文章,并添加可选标题。

步骤如下:

  1. 点击“添加媒体”按钮。
  2. 将音频文件拖放到库中,或点击“上传文件”,然后选择文件将音频内容添加到媒体库。
  3. 在屏幕右侧,填写音频文件的相关元数据,包括标题、艺术家、专辑、标题和描述。
  4. 确保选中“嵌入媒体播放器”选项,以便读者可以从您的文章中播放音频文件。
  5. 点击“插入到文章”。

以下是添加一些音频文件后的媒体播放器截图。您可以在右侧的面板中填写文件的相关元数据。

4 Simple Ways to Add Audio to Your WordPress Site

以下是添加图片后文章的文本视图(见第二段)。该截图还演示了几种手动添加音频播放器代码的其他方法。

4 Simple Ways to Add Audio to Your WordPress Site

以下是预览或发布后的文章外观。会显示音频文件的迷你播放器。请注意,所有三种方法的播放器外观相同。

4 Simple Ways to Add Audio to Your WordPress Site

示例:

点击下面的音频文件试听:

https://www.php.cn/link/18091ec91aec4f3a9a5f2aa73c0a18ca

您无需将音频文件存储在WordPress媒体播放器中。将它们存储在其他服务器上可以减轻您的网站托管的负载,从而节省存储空间、系统资源和带宽。在这种情况下,使用相同的音频短代码,但使用音频文件的正确URL。

可以通过向代码添加一些选项来循环播放或自动播放音频文件(参见WordPress.org上的音频短代码页面)。要更改媒体播放器的颜色,需要使用如下自定义CSS:

<code>.music-player .wp-playlist-light,
.music-player .wp-playlist-light .wp-playlist-playing {
    background: #999;
    border-color: #999;
}</code>

或者,如果您需要额外的功能或自定义媒体播放器的外观,请查看下面的插件。

(以下内容与原文类似,但进行了语句调整和段落划分,以达到伪原创效果,并保留了图片和链接)

2. 创建WordPress音频播放列表

您有多个音频文件要分享吗?WordPress也内置了播放列表支持。以下是入门方法:

  1. 在媒体库中,点击“创建音频播放列表”。
  2. 选择要包含在播放列表中的音频文件。
  3. 添加播放列表的相关元数据,然后点击“创建新的播放列表”。
  4. 选择所需的选项(用于显示曲目列表、艺术家姓名和图片),然后点击“插入音频播放列表”。

以下是点击媒体库中的“创建音频播放列表”后看到的屏幕。只有当库中有音频文件时,此选项才可用。

4 Simple Ways to Add Audio to Your WordPress Site

以下是您可以为播放列表选择的选项。

4 Simple Ways to Add Audio to Your WordPress Site

以下是添加播放列表短代码后文章的文本视图。

4 Simple Ways to Add Audio to Your WordPress Site

以下是发布后的外观。

4 Simple Ways to Add Audio to Your WordPress Site

示例:

这是一个您可以播放的嵌入式播放列表:

  1. Digital Watch Alarm Long
  2. Medium Bell Ringing Near
  3. Crowd Yelling Series
  4. Walking on Hollow Metal
  5. Walk on Grass Series

3. 使用SoundCloud播放器嵌入音频

SoundCloud是一个专门用于在线分享音乐的流行服务,类似于音频版的YouTube。您可以使用SoundCloud托管您嵌入网站的音频,或者分享SoundCloud上已有的内容。

SoundCloud简化了在其网站上嵌入内容的过程:

  1. 任何允许嵌入的SoundCloud音频文件在其下方都会有一个分享按钮。点击它。
  2. 点击“嵌入”,选择大型方形播放器或较小的矩形播放器。选择您需要的任何选项。
  3. 复制代码并将其粘贴到您的文章中。

以下是点击SoundCloud上的“分享”按钮后显示的屏幕。点击顶部的“嵌入”,然后选择您喜欢的选项。除非您的网站托管在WordPress.com,否则不要选中“WordPress代码”框。

4 Simple Ways to Add Audio to Your WordPress Site

以下是将代码粘贴到文章后的样子。

4 Simple Ways to Add Audio to Your WordPress Site

以下是您的文章上线后SoundCloud播放器的外观。

4 Simple Ways to Add Audio to Your WordPress Site

您还可以使用插件SoundCloud is Gold,我们将在下面介绍。其他音频库网站,包括Audiomack,也提供类似的可嵌入播放器。

4. 使用WordPress音频插件

如果您需要比WordPress音频播放器更强大的功能或更灵活的配置,可以使用插件。以下是一些评价很高的选项,可能包含您需要的内容。(插件列表与原文一致,略去重复描述)

在您的网站上添加音频只是您可以使用WordPress进行的众多交互操作之一。如果您正在寻找功能丰富的托管WordPress主机,请查看我们的合作伙伴SiteGround,它还提供免费的网站迁移服务。您是否在您的网站上包含音频?您使用哪种方法?

(FAQ部分与原文类似,但进行了语句调整和段落划分,以达到伪原创效果)

以上是将音频添加到WordPress网站的4种简单方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn