摘要支持音频播放
如题所示,一直以来总是想通过短代码实现文章摘要的同时显示一个极其精简的播放代码,用来提前播放文章里面的歌曲列表中的其中一首,听了一首觉得好听就自然点击进去访问歌曲列表了,属于抛砖引玉的方式吧。但是如果用纯代码实现的话觉得是比较难,索性利用插件实现起来,要准备的工作有下面几个步骤:
1、您的站点摘要必须支持短代码,这个容易实现,打开 Function.php 添加以下代码:
PHP
add_filter( ‘the_excerpt’, ‘shortcode_unautop’ );
add_filter( ‘the_excerpt’, ‘do_shortcode’ );
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’],
调试与摘要内容间的边距,可以添加以下 Css,我是始终放在底部的:
CSS
/* Fix Single Audio Player Css */
.plyr–audio {
margin:10px 0 0 !important;
}
.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’],
Last Updated On Feb 14, 2023 At 08:29:18 PM