如何使用 WordPress 音频块

WordPress 音频块可让您在页面和帖子中提供可播放的音频文件。 可以从您的媒体库或 URL 添加音频文件。 用户可以从他们的浏览器播放音频或下载它们以离线收听。 这是提供音乐、播客或其他类型的音频文件供访问者收听和使用的好方法。

在本文中,我们将研究音频块并了解它是如何工作的。 我们还将研究如何将它添加到您的帖子和页面,查看使用它的提示和最佳实践,并查看常见问题。

如何将音频块添加到您的帖子或页面

how-to-use-the-wordpress-audio-block 如何使用 WordPress 音频块

要添加音频块,请在要放置块的位置单击块插入器或在左上角选择它。 搜索音频并单击它。

how-to-use-the-wordpress-audio-block-1 如何使用 WordPress 音频块

或者,您可以键入 /audio 并在要放置块的位置按 Enter。

how-to-use-the-wordpress-audio-block-2 如何使用 WordPress 音频块

音频块将添加到您的内容中,您可以在其中添加要播放或下载的音频文件。 单击以上传音频文件,从库中选择它,或输入文件的 URL。

how-to-use-the-wordpress-audio-block-3 如何使用 WordPress 音频块

您的音频文件将显示为带有标题的音频播放器,您可以在其中输入文件的名称或其他信息。 它包括基本的音频播放器选项。

how-to-use-the-wordpress-audio-block-4 如何使用 WordPress 音频块

将鼠标悬停在音量图标上会打开滑块,用户可以在其中更改音量级别。

how-to-use-the-wordpress-audio-block-5 如何使用 WordPress 音频块

右侧是三个点,可为用户打开选项。 这个有下载链接。

音频块设置和选项

how-to-use-the-wordpress-audio-block-6 如何使用 WordPress 音频块

音频块包括块本身和右侧边栏中的设置和选项。 让我们看看两者。

音频块工具栏

how-to-use-the-wordpress-audio-block-7 如何使用 WordPress 音频块

音频块工具栏位于块上方。 它在您选择块时出现,并且包含的​​工具比大多数 WordPress 块少。

更改块类型或样式

how-to-use-the-wordpress-audio-block-8 如何使用 WordPress 音频块

将块转换为列、文件块以允许用户将音频下载为文件或可以设置样式的组。 在这个例子中,我将鼠标悬停在 File 上。 它提供了文件作为文件块的外观的预览。

拖动和移动

how-to-use-the-wordpress-audio-block-9 如何使用 WordPress 音频块

拖动工具(带有 6 个点的图标)可让您将块拖动到您想要的任何位置。 每次单击箭头时,“移动”工具(向上和向下箭头)都会将块向上或向下移动一个内容空间。 两者都提供了一种在内容区域周围移动块的简单方法。

更改对齐方式

how-to-use-the-wordpress-audio-block-10 如何使用 WordPress 音频块

对齐选项决定了块在屏幕上的位置。 选项包括左、右、宽和全宽。 选择向左或向右将它放在屏幕的那一侧,并用它下面的内容块包裹它。

how-to-use-the-wordpress-audio-block-11 如何使用 WordPress 音频块

这是Wide Width,它占据了屏幕的大部分宽度。

代替

how-to-use-the-wordpress-audio-block-12 如何使用 WordPress 音频块

此选项可让您在不删除块的情况下替换音频文件。 打开库、上传文件或输入文件的 URL。

选项

how-to-use-the-wordpress-audio-block-13 如何使用 WordPress 音频块

该选项包括大多数 WordPress 块中的标准设置:

隐藏更多设置 – 这将隐藏右侧边栏。

复制 – 这会复制块,以便您可以将其粘贴到内容中的其他位置。

重复 – 这会在原始块下添加块的副本。

插入前 – 这会在块之前为块放置一个空格。

插入后 – 这会在块之后为块放置一个空格。

移动到 – 这使您可以使用蓝线移动块以选择其位置。

编辑为 HTML – 这会将块切换到代码编辑器视图,以便您可以在不更改其余块的情况下编辑 HTML。

添加到可重用块 – 这会将块添加到您的可重用块列表中。

组 – 这会将块添加到组中,以便您可以将它们作为一个单元进行调整。

删除块 – 这将删除块。

标题

how-to-use-the-wordpress-audio-block-14 如何使用 WordPress 音频块

标题还有另一组选项,其中包括粗体和斜体文本、链接和更多选项的设置。 我在这个例子中使用了很多。 它们会影响您突出显示的文本。

粗体和斜体选项可以一起使用或单独使用。 在上面的例子中,我为“This”这个词添加了粗体和斜体。

对于链接,您会看到以前使用过的人的建议。 它包括在新选项卡中打开链接的选项。 我在上面的例子中添加了一个指向“音频”这个词的链接。

单击“更多选项”可以设置文本样式。 它们都会影响您突出显示的文本。 我在上面的例子中使用了其中的几个。 它们包括:

内联代码——这使文本看起来像代码。

内嵌图像——这会从你的媒体库中添加一个内嵌图像,就像我在“音频”和“字幕”这两个词之间所做的那样。

键盘输入 – 使用浏览器使用的键盘 HTML 格式设置文本样式。

删除线 – 这会在文本中放置一行,就像上面示例中的“标题”一词。

下标——这使得文本比其他文本更低更小,就像上面例子中的“你”这个词。

上标 – 这使文本比其他文本更高更小。

文本颜色——这会打开颜色工具来更改文本的颜色,就像我在上面的例子中对“你”这个词所做的那样。 从预先选择的颜色中选择或创建自定义颜色。 对于自定义颜色,您可以使用颜色选择器或输入十六进制代码、RGB 代码或 HSL 代码。

音频块侧边栏设置

how-to-use-the-wordpress-audio-block-15 如何使用 WordPress 音频块

侧边栏设置添加音频设置和高级设置。 如果侧边栏未显示,请选择齿轮以打开设置。 选择块以查看此特定块的设置。 让我们仔细看看设置。

音频设置

how-to-use-the-wordpress-audio-block-16 如何使用 WordPress 音频块

音频设置可让您选择音频播放器处理文件的方式。 将其设置为自动播放将在页面加载时启动文件。 将其设置为循环会使文件在到达文件末尾时重新开始。

您还可以选择预加载的工作方式。 这决定了当页面加载到用户浏览器时下载了多少文件。 选项包括:

自动 – 即使用户没有点击播放,也会下载整个音频文件。

元数据 – 这仅下载文本,这是有关文件的基本信息。 除非用户选择播放文件,否则音频文件本身不会下载。

无 – 不会自动下载任何信息或数据。

先进的

how-to-use-the-wordpress-audio-block-17 如何使用 WordPress 音频块

高级设置包括 HTML 锚和附加 CSS 类的字段。 HTML 锚点是一个 URL,允许您直接链接到块。 附加 CSS 类字段允许您添加 CSS 类以设置块的样式。

有效使用音频模块的技巧和最佳实践

使用标题显示音频文件的名称。

使用清晰的标题和段落来描述文件。 这会告知用户会发生什么。

将预加载设置为 none 或 metadata 以加快任何不需要自动播放的块的页面加载。

对产品 CTA 使用自动播放和循环播放。 禁用页面上其他音频块的自动播放和循环。

选择“组”以设置音频播放器的背景样式。

使用此块将音频嵌入到您的页面和帖子中。

如果您不想包含下载按钮,请使用带有文件 URL 的嵌入块。

关于音频模块的常见问题

音频块有什么作用?

它向您的网站添加了一个音频播放器,允许用户播放或下载音频文件。

使用音频模块有什么好处?

它创建了一个播放器,让用户知道有一个音频文件可供他们收听。

可以转换成其他方块吗?

是的。 它也可以转换为文件块、列或组。 File Block 允许用户下载文件而不是通过浏览器播放。

其他块可以用于音频文件吗?

是的。 您可以将 URL 粘贴到嵌入块中,但它没有音频块具有的音频设置。 它会让你在前端成为一个音频播放器,但它没有这个块提供的那么优雅。 嵌入式版本包括跟踪栏上的时间,但不包括下载选项或标题。

这个块的最佳用途是什么?

此块可用于音乐、音轨、专辑样本、播客、布道、音频课程、有声读物等。

块可以使用哪些文件类型?

音频块与 .mp3、.m4a、.ogg 和 .wav 文件兼容。 播放器的外观和工作方式与每种文件类型相同。

结论

这就是我们对 WordPress 音频块的看法。 这是一个带有一些设置的简单块。 您可以控制它在您的内容中的位置以及它在访问者浏览器中的工作方式。 此块是与 WordPress 兼容的任何类型的音频文件的绝佳选择。

我们希望听到您的意见。 你使用音频块吗? 请在评论中告诉我们您对此的看法。

精选图片来自百吉饼/shutterstock.com

来源

原创文章,作者:WPJIAN,如若转载,请注明出处:https://wpjian.com/tips/2021091549303.html