后台编辑器添加网易云音乐按钮

无意中在googlo.me看到了一篇wordpress后台编辑器添加网易云音乐按钮的文章,无奈作者并没有发布教程,摸索下了,算是明白怎么做的。由于我博客是灰色调,使用网易云音乐原界面不太搭,所以用的 mufeng.me 的Hermit插件。还是给googlo.me那个后台编辑器增加网易云音乐按钮的教程发一下吧,老手飞过,送给不喜欢用插件的新手们。其实我才是个大新手。

functions.php添加以下代码

    // 后台文本编辑器增加网易云音乐
    function ezmusic($atts, $content = null) {
        return '<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=640 height=86 src="http://music.163.com/outchain/player?type=2&id='. $content .'&auto=0&height=66"></iframe>';
    }

    add_shortcode("ezmusic", "ezmusic");

    add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce');
    function bolo_after_wp_tiny_mce($mce_settings) {
        ?>  
        <script type="text/javascript">
            QTags.addButton('ezmusic', '网易云音乐', "[ezmusic]网易云音乐id[/ezmusic]");
            function bolo_QTnextpage_arg1() {
            }
        </script>  
        <?php
    }

后台编辑器使用方法

后台编辑器效果:

网易云音乐id获取方法:

网易云音乐自动播放

网易云音乐默认的是自动播放,我们可以将网易云音乐复制的iframe插件代码里的:“auto=1”改为“auto=0”就ok了。这样就是默认不播放,当用户点击播放按钮的时候才会播放。要是人家进你博客,直接就给人家播放音乐,不给人吓死。。。毕竟每个人喜欢的风格不同,这个得由用户决定播放不播放。

网易云音乐展示效果

由于我博客没添加这段代码(我只在本地测试了下,没发线上博客来),所以就不展示了,有需要的可以去googlo.me上看看。

别留恋破碎的旧梦,别计较人生的得失。

2 条评论

发表评论

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

返回主页看更多
狠狠的抽打博主 支付宝 扫一扫