WordPress-自定义短代码-给文章添加音乐弹窗

效果预览

步骤一：创建自定义短代码

首先，我们需要在主题的 functions.php 文件中添加一个自定义短代码。这个短代码将允许我们在文章中嵌入音频文件，同时隐藏默认的播放器控件。

1. 打开functions.php文件：你可以通过后台或直接通过FTP访问主题目录，找到并编辑functions.php文件。
2. 添加以下代码：

1. 这个代码段做了以下几件事：
   • 它定义了一个短代码 请提供音频文件的URL。，你可以在文章或页面中使用这个短代码来嵌入音乐。
   • 短代码接受一个 src 参数，即音频文件的URL。
   • 通过CSS将 <audio> 标签隐藏，确保页面中不会显示默认的播放器控件。（这里是直接移除）
   • 包含了必要的JavaScript文件，用于控制音频的播放。

步骤二：在文章中使用短代码

添加完短代码后，你可以在需要播放音乐的地方使用它：