分享所分享的

为WordPress添加独立音乐页面

Andy’s Blog最近现在添加了一个独立音乐页面,大家可以在首页点击音乐-音乐FM来看看音乐页面的效果。musicFM

实现原理:利用 iframe 套用现在比较流行的音乐应用,如酷狗电台,百度随心听,豆瓣电台,酷我音乐等。我现在用的是百度随心听,音乐从各个方面感觉都很不错。

新建页面,切换到文本形式,复制下面代码到文本编辑器里,然后在点回可视化编辑器,在点发布。

<?php 
/*
template name: music 
*/ 
get_header(); 
?> 
<iframe src="http://fm.baidu.com" scrolling="no" frameborder="0" height="550px" id="mainFrame" width="100%" onload='IFrameReSize("mainFrame");IFrameReSizeWidth("mainFrame");'></iframe> 
<?php get_footer(); ?>

WordPress添加独立音乐页面代码说明

1、前6行是为这个页面命名为 music 并添加主题页头文件。

2、<iframe src=”http://fm.baidu.com” 指定IFRAME调用的文件,网址代表的就是酷狗电台的网页版,如果你喜欢其他音乐应用,你可以换成自己喜欢的,上面代码是百度随心听的,延伸说下,它还可以调用图片等(html,htm,gif,jepg,jpg,png,txt,*.*)

3、scrolling=”no” 是否有滚动条(yes代表有,no代表没有)

4、frameborder=”0″ 设置边框是不否为3维(0代表否,1代表是)

5、height=”550px” id=”mainFrame” width=”100%” onload=’IFrameReSize(“mainFrame”);IFrameReSizeWidth(“mainFrame”) 这代表把这音乐应用高度设置为550像素,不是代表页面高度啊,这个高度需要自己调试,宽度是根据主题自适应的。

6、<?php get_footer(); ?> 是把主题页脚加上去。

未经允许不得转载:Andy's Blog » 为WordPress添加独立音乐页面
分享:
如果觉得我的文章对您有用,您可以打赏博主或点赞文章,请随意打赏或点赞哟!
 打  赏

评论 8

评论前必须登录!

 

  1. 5楼

    不错,收藏了。

    李逸凡1年前 (2015-11-15)来自天朝的朋友 未知浏览器 Unknow Os
  2. 4楼

    使用的是你的修改版主题 刚刚突然发现音乐页面不显示了 不知道是什么情况 就是音乐界面变成是空白

    丶核桃1年前 (2015-09-05)来自天朝的朋友 未知浏览器 Unknow Os
  3. 地板

    好像很酷~

    wholesale handbag(http://savvyhandbag.com)1年前 (2015-07-11)这家伙可能用了美帝的代理 未知浏览器 Unknow Os
  4. 板凳

    我来看看

    中文注册2年前 (2015-05-26)Italy 未知浏览器 Unknow Os
  5. 沙发

    我来看看

    中文注册2年前 (2015-05-26)Italy 未知浏览器 Unknow Os