如何在Gutenberg和Elementor中使用EmbedPress插件嵌入音频文件

在现代网站设计中,音频内容可以大大提升用户体验,尤其是希望在网站中嵌入音乐播客或其他音频文件时。使用 EmbedPress 插件,可以轻松地将音频文件嵌入到 WordPress 网站中,无需编写代码。本文将介绍如何通过 Gutenberg Elementor 编辑器将音频文件嵌入到网页中。

EmbedPress插件操作

在开始之前,确保已经安装并激活了 EmbedPress 插件。可以从 WordPress 仪表盘的插件页面进行安装。插件安装完成后,启用它即可开始使用。

使用Gutenberg编辑器嵌入音频

打开页面或文章
在WordPress仪表盘中,进入Gutenberg编辑器,选择要编辑的页面或文章。添加EmbedPress区块
点击页面中希望嵌入音频的位置,点击加号(+)图标,搜索并选择“EmbedPress”区块,点击添加。粘贴音频文件的URL
访问希望嵌入的音频源网站,复制音频文件的URL。然后返回到Gutenberg编辑器,在EmbedPress区块的字段中粘贴该URL,点击“嵌入”按钮。调整设置
在右侧面板中,可以调整嵌入音频的宽度、高度等设置,以确保音频播放器与页面设计一致。保存并发布
配置完成后,点击“保存”按钮,查看音频文件的嵌入效果。访客将能够直接在网页上播放音频文件。

使用Media库嵌入音频

也可以使用WordPress媒体库中的音频文件嵌入音频:

访问媒体库
在WordPress仪表盘中,点击“媒体”并选择想要嵌入的音频文件。复制文件URL
在媒体库中,复制音频文件的URL。粘贴URL并嵌入
返回到Gutenberg编辑器,将复制的URL粘贴到EmbedPress区块的字段中,点击“嵌入”按钮,音频文件将自动嵌入。启用自定义播放器
如果希望提供更多定制化选项,可以启用“自定义播放器”,从而调整播放器颜色、启用快退、快进等功能,还可以启用内容保护和社交分享选项。保存并发布
调整完所有设置后,点击保存按钮,查看嵌入效果。

在Elementor中嵌入音频文件

Elementor是一款流行的WordPress页面构建器,使用它也可以轻松嵌入音频文件:

打开页面或文章
在Elementor编辑器中,打开你希望嵌入音频的页面或文章。拖动EmbedPress小部件
在左侧小部件面板中,搜索“EmbedPress”并将其拖动到你希望嵌入音频的位置。粘贴音频文件的URL
访问音频文件所在网站,复制URL。返回Elementor编辑器,将URL粘贴到EmbedPress小部件的字段中。调整样式和设置
在Elementor的“样式”选项卡中,可以调整音频播放器的高度、宽度、边距和填充等样式设置。也可以在“高级”选项卡中配置更多自定义选项。发布并查看效果
完成所有设置后,点击“发布”按钮,查看嵌入效果。

高级功能:音频源的额外控制

EmbedPress插件还支持对特定音频源提供额外控制。如果音频来源是 SoundCloud,可以选择SoundCloud源,并启用更多控制选项,如自动播放、分享和评论功能。

总结

通过 EmbedPress 插件,可以非常轻松地在 WordPress 网站中嵌入音频文件,无论是在 Gutenberg 编辑器、媒体库,还是在 Elementor 编辑器中都能轻松实现。这个插件不仅支持标准音频源的嵌入,还支持对音频播放器进行个性化设置,增强用户体验。

想了解更多WordPress相关的教程和资讯,请关注光子波动网,拥有最全的WordPress教程和最活跃的WordPress交流社区

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注