WordPress添加独立音乐页面

wwh • 2013-08-01 06:00 • WordPress • 阅读 15832

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

利用 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(); ?>

代码说明

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条）

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

这个貌似在ie下要悲剧了

回复
- wwh 2013-08-03 16:17
  
  @你好先森：IE10亲测显示正常~
  
  回复
王健 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 2014-12-31 22:34

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

回复
第一知晓 2015-05-09 21:03

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

回复