WordPress添加独立音乐页面

我现在的博客就添加了这个页面,大家可以点击“在线音乐”来试试我的页面效果,如果你感觉还不错,就继续看教程,感觉不好看什么的,就……算了吧,呵呵!以防万一我删除了这个页面,就看下图把~

20130731162412

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

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

  1. <?php   
  2. /*
  3. template name: music  
  4. */  
  5. get_header();   
  6. ?>   
  7. <iframe src=“http://fm.baidu.com” scrolling=“no” frameborder=“0” height=“550px” id=“mainFrame” width=“100%” onload=’IFrameReSize(“mainFrame”);IFrameReSizeWidth(“mainFrame”);’></iframe>   
  8. <?php get_footer(); ?>  

代码说明

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(); ?> 是把主题页脚加上去。

原创文章,作者:wwh,如若转载,请注明出处:https://www.wuwenhui.cn/2759.html

(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
wwhwwh
上一篇 2013-07-31
下一篇 2013-08-02

相关推荐

发表回复

登录后才能评论

评论列表(1条)

  • 你好先森
    你好先森 2013-08-03 15:20

    这个貌似在ie下要悲剧了

  • 王健
    王健 2013-09-26 07:53

    :cool:

  • 花狐客
    花狐客 2014-03-14 12:06

    测试成功!!谢谢博主分享 :mrgreen:

  • 飞鸟学习网
    飞鸟学习网 2014-03-27 17:09

    测试ok很好。太感谢了

  • 安之语
    安之语 2014-06-20 21:35

    很有意思的小功能,来学习下,新站刚成立,欢迎各路大虾前来指点。 :grin:

  • 丑鬼叔叔
    丑鬼叔叔 2014-08-27 11:41

    过来学习了,感觉你好棒!!

  • 陌
    2014-09-11 01:09

    收藏了

  • 舍
    2014-10-24 20:30

    第一个不错哦,问下我放在侧边栏了,然后设定了他的宽高,可是他们的内容不会随着我设定而变化呢。。有一半是遮住的。。。请问怎么破?

  • tuzishang
    tuzishang 2014-12-31 22:34

    为什么我的没有全部显示出来

  • 第一知晓
    第一知晓 2015-05-09 21:03

    不错,很棒,目前没出现什么问题

联系我们

在线咨询:点击这里给我发消息

站长邮箱:admin@wuwenhui.cn
工作时间:周一至周五,8:30-17:30,节假日休息

微信
本站支持QQ一键注册登录,所有资源下载均在文章底部~