垃圾站博客昨天在网上看到有一篇通过修改Wordpress博客代码在文章中插入音乐的教程,特此整理编辑后分享给大家,教程如下:

1、下载swf播放器(点击下载:player.swf )上传到Wordpress博客主题目录下;

2、复制以下代码到Wordpress博客主题的functions.php文件中:

垃圾站博客原创 www.lajiz.cn 转载请保留原文链接!

//flash播放器

function myplayer($atts,$content=null){

extract(shortcode_atts(array("auto"=>'no',"loop"=>'yes',"titles"=>'music'),$atts));

return '';

}

add_shortcode('mp3','myplayer');

(1)代码中的”auto”=>’no’是禁止自动播放,yes是自动播放,loop是循环播放,titles是播放歌曲时所显示的名称;

(2)’.get_bloginfo(“template_url”).’/player.swf是博客swf播放器的存放路径,此目录代表Wordpress博客主题目录。

3、以上步骤完成后刷新网页,写文章时要添加音乐代码如下,在HTML编辑状态下输入以下代码:

[mp3]音乐文件地址[/mp3]

将代码中“音乐文件地址”改为所要插入的音乐地址,教程写到这里基本算是完成了,如果觉得每次输入[mp3][/mp3]麻烦的话可以继续修改代码!

4、新建my_quicktags.js 文件,将以下代码复制到该文件,并将文件my_quicktags.js 上传到主题目录中:

QTags.addButton( 'h1', '插入歌曲', "[mp3]", "[/mp3]" ); //快捷插入歌曲标签

//QTags.addButton( 'my_id', 'my button', '\n', '\n' );

//这儿共有四对引号,分别是按钮的ID(这个不用管)、显示名、点一下输入标签、再点一下关闭标签(此为空则一次输入全部内容),\n表示换行。

5、修改WordPress主题目录的functions.php文件,加入以下代码:

add_action('admin_print_scripts', 'my_quicktags');function my_quicktags() {

wp_enqueue_script(

'my_quicktags',

get_stylesheet_directory_uri().'/my_quicktags.js',

array('quicktags')

);

}

6、修改完成后,编辑器里就出现了“插入歌曲”按钮。第一次按“插入歌曲”按钮后出来“[mp3]”标签,随后黏贴歌曲地址在[mp3]按钮后,再按一下“插入歌曲”按钮就会出来“[/mp3]”标签,文章发表后音乐就会播放了……

修改代码在博客文章中插入音乐的教程已经结束,垃圾站博主欢迎大家积极测试……

php插入音乐代码,如何修改Wordpress博客代码在文章中插入音乐 | 垃圾站相关推荐

  1. wordpress html音乐,给你的WordPress博客文章中插入背景音乐的方法(纯代码,非插件)...

    前一段时间,我分享了在WordPress文章日志中插入音频MP3(纯代码,免插件)这篇文件 ,曾介绍过如何在wordpress文章中加入MP3音频,今天要说的和这个基本相同.只不过上个文章中的MP3是 ...

  2. 给 WordPress 博客添加随机文章的3个方法

    一.随机文章的获取原理 WordPress 的文章查询函数 get_posts() 有个参数 orderby 指明了获取文章时的排序方式.通常我们是按照文章发布日期排序,比如 WordPress 站点 ...

  3. php 编辑器 插入视频,苗景云的博客-PHPCMS V9编辑器中新增上传mp4视频(上传视频并插入HTML5的video标签)的功能...

    由于PHPCMS v9默认的编辑器中上传的视频插入的是embed标签使用的是flash播放器,手机端无法播放,所以来改造下,让其上传视频并插入HTML5的video标签,这样电脑端的主流浏览器和手机端 ...

  4. 在博客园的文章中使用AJAX

    在我的上一篇文章<gineGrid-通用ajax类>中,我发布了一个集成跨域功能的AJAX类.今天我把它作了少许修改,可以直接远程加载使用在任何结构良好的XHTML文档中,这里直接在博客园 ...

  5. 如何在notebook中的markdown中插入截取的图片_96编辑器教你如何在文章中插入图片、视频、音频!...

    一.如何插入图片 注意事项: 1.上传的每张图片大小请勿超过2M.如果文章内需要插入数量较多的图片,请先压缩每张图片至100kb左右,如果文章内插入较多的大图片可能会造成同步慢.生成不了图片,文章页面 ...

  6. php博客文章修改,wordpress博客如何快速修改文章阅读数

    WordPress修改文章阅读次数可以通过插件来完成,下面我们以WP-PostViews插件演示如何修改文章阅读次数. WP-PostViews是一个非常常用的wordpress插件,主要用于文章阅读 ...

  7. 2020年64种最佳免费WordPress博客主题

    Are you looking for a free WordPress blog theme for your website? 您是否正在为网站寻找免费的WordPress博客主题? There ...

  8. 将wordpress博客转移至新虚拟主机

    原文地址(我的wordpress博客):http://www.fuqichen.com/?p=44 近日万网改版,推出免费虚拟主机,一看,配置竟然比我之前买的几十块钱的都高,阿里者,真壕也,果断领取. ...

  9. 【华为云-玩转云耀云服务器HECS】使用HECS搭建WordPress博客平台

    华为云-云耀云服务器(Hyper Elastic Cloud Server,HECS)是可以快速搭建简单应用的新一代云服务器,具备独立.完整的操作系统和网络功能,适用于网站搭建.开发环境等低负载应用场 ...

最新文章

  1. notepad++显示所有字符的方法(针对隐藏的回车换行空格)
  2. 【python 3.6】调用另一个文件的类的方法
  3. 领域应用 | 深度学习在知识图谱构建中的应用
  4. ajax访问遇到Session失效问题
  5. 借助共享缓存redis实现分布式锁
  6. 【RobotStudio学习笔记】(十)模块化程序
  7. html字数省略号代替,html文字两行后,就用省略号代替剩下的
  8. cpython安装_Cython安装没有找到Python.h文件?
  9. Java项目开发流程
  10. 4ME1,4W1H,5W2H,6W2H,6W3H,6S、8D等……含义?
  11. html 表格设置图片背景透明,table标签怎么实现内容不透明,背景图片透明
  12. 【第一组】第十五次冲刺例会纪要
  13. 实用frida进阶:内存漫游、hook anywhere、抓包
  14. java通过poi导出excel和pdf
  15. 神经网络的三种训练方法,神经网络常用训练方法
  16. 计算机网络测试题第五章答案,计算机组成原理练习题答案第五章.doc
  17. PCB相关知识总结-(1)PCB工艺
  18. centos刻录工具_CentOS下如何刻录光盘?CentOS下光盘刻录的方法
  19. 国六排放法规下的重型车车载终端的革新
  20. wangeditor富文本编辑器的一些坑

热门文章

  1. linux显示器分屏显示命令,在Linux 命令行终端分屏的两种工具
  2. 计算机基础——操作系统篇概览
  3. 盘点那些以“马”作为车标的汽车品牌
  4. Java 圆锥类 圆类 面积 体积
  5. 我们一起学 ABAP (01) ~ 初识SAP ABAP
  6. 【数据库专题】智多星带你五分钟攻略“关系代数”——《狗叫江湖》第二幕续集
  7. sql拼接同一字段中的数据_用SQL将Oracle中同一列的多行记录拼接成一个字符
  8. matlab地球绕太阳,matlab 怎么做地球绕太阳转 同时 月球绕地球转 动态的 可以做成圆周运动 二维的 一分钟左右...
  9. CCF推荐的中文期刊
  10. 【深度首发】灵犀微光CEO郑昱:十万片级AR光学引擎的量产之路丨Xtecher 封面