WordPress添加独立音乐页面

avatar 2014-09-0422:13:22 4 1,840

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

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

文章转载来源:http://www.wuwenhui.cn/2759.html

avatar
  • 版权声明: 发表于 2014-09-0422:13:22,共 957 字。
  • 关于作者:此人为不忘初心博客男主人,一个慵懒至极的混蛋。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  3   博主  1

    • avatar prolicn 0

      不错,,,路过收藏
      http://i.94rgb.com/ 玩设计,品生活,啃知识,爱音乐,聊八卦,关注于互联网和生活的自媒体个人博客…

      • avatar 小颜 0

        这音乐镶嵌功能真赞,配合WordPress使用绝对秒赞,拿走了。 :twisted: :!:

          • avatar Allenlan 男博主

            @小颜 拿走吧,我也是从别人那顺手牵过来的。 :lol:

          • avatar nutterchen.cn 0

            nutterchen.cn 科技迷和技术宅的聚集地