倒腾了一个晚上，把7b2主题的右侧边栏添加了个网易云iframe播放器，浏览之余可以播放下音乐，美哉！
方法/步骤
此次用到functions-templates.php、style.css、mobile.css三个文件，functions-templates.php在主题seven/inc目录下，后两个文件在主题根目录
functions-templates.php
第482行div id="go-top" class="go-top" :style="'z-index:'+index">下添加以下代码：
- <div id="go-top" class="go-top" :style="'z-index:'+index">
- <div class="pos-r tool-button style-change">
- <button class="text"><i class="iconfont iconfont zrz-icon-font-gonggao"></i><span>Music</span></button>
- <div class="music">
- </div>
- </div>
其中网易云的iframe代码需要自己去网易云获取，把iframe代码粘贴到div class="music">代码粘贴处/div>
PS:由于完整贴代码导致页面错乱故把:<去掉
style.css
文本末端添加以下样式:
- .tool-button .music {
- display: none;
- }
- .tool-button:hover .music {
- display: block;
- position: absolute;
- rightright: 80%;
- top: -490%;
- }
mobile.css
搜索@media screen and (max-width:670px){大概90行左右，在下面添加以下代码:
- .pos-r.tool-button.style-change {
- display: none;
- }
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。