2024 年 4 月 29 日 我的频道
摘要支持音频播放
  • 2021
  • Sunny

如题所示,一直以来总是想通过短代码实现文章摘要的同时显示一个极其精简的播放代码,用来提前播放文章里面的歌曲列表中的其中一首,听了一首觉得好听就自然点击进去访问歌曲列表了,属于抛砖引玉的方式吧。但是如果用纯代码实现的话觉得是比较难,索性利用插件实现起来,要准备的工作有下面几个步骤:
1、您的站点摘要必须支持短代码,这个容易实现,打开 Function.php 添加以下代码:

PHP

add_filter( ‘the_excerpt’, ‘shortcode_unautop’ );
add_filter( ‘the_excerpt’, ‘do_shortcode’ );
这样,您的主题的文章摘要就支持短代码的功能了;
2、安装插件 Html5 Audio Player 免费版,然后激活,所有的设置保持默认即可;
3、建立播放,上传一首歌曲进去进行添加播放,然后生成短代码;
4、添加文章的时候打开摘要功能,把短代码黏贴到摘要内容里面去,预览就能看见播放器出现,这个时候你需要手动添加您的文章摘要;
5、因为是免费版的,播放器自带了一个下载的按钮,要去除其实很简单,打开插件里面的 html5-audio-player.php,把以下代码修改掉:

PHP

controls:[‘play’, ‘progress’, ‘duration’, ‘mute’, ‘volume’,’download’],
目标是在 183 行,把里面的 download 去掉就可以删除下载按钮。专业版需要 30 美元,有更多高级的设置,但是针对普通使用来说,免费版本已经足够了。
调试与摘要内容间的边距,可以添加以下 Css,我是始终放在底部的:

CSS

/* Fix Single Audio Player Css */
.plyr–audio {
margin:10px 0 0 !important;
}

插件下载地址:https://wordpress.org/plugins/html5-audio-player/

最新版本修改:

进入插件的 Model 目录下的 GlobalChanges.php,第 31 行修改为以下代码:

PHP

controls:[‘play’, ‘progress’, ‘duration’, ‘mute’, ‘volume’,’download’],
红色代码删除掉,即可关闭下载按钮!

WORDPRESS
1444
1

Author Box

名字:Sunny
注册:Jan 30, 2021
简介:技术菜鸟,拷贝、黏贴代码中 ……

Comment Box

5 1 投票
Article Rating
订阅评论
提醒
guest

1 评论
最旧
最新 最多投票
内联反馈
查看所有评论