为WordPress加上百度搜索共享按键侧面飘浮固定不

摘要: 首先看一张实际效果图:如圖所显示,百度搜索共享默认设置固定不动在网页页面左边边,无论网页页面往下或是往上翻转,百度搜索共享按键都是固定不动飘浮显示信息; 好啦,下边...

首先看一张实际效果图:
QQ截图204
QQ截图204
如圖所显示,百度搜索共享默认设置固定不动在网页页面左边边,无论网页页面往下或是往上翻转,百度搜索共享按键都是固定不动飘浮显示信息;
 
好啦,下边就详细介绍一正下方法吧,实际上非常简单,在原百度搜索共享编码上加上一段css就可以。
 
1、最先在wordpress后台管理编写footer.php文档,将你在百度搜索的共享按键网页页面获得的百度搜索共享js脚本制作编码拷贝到footer.php的 /body /html 标识以前,自然你还可以立即拷贝下边编码,跟百度搜索共享按键脚本制作编码是一样的:

1
 script 
window._bd_share_config={ common :{ bdSnsKey :{}, bdText : , bdMini : 2 , bdMiniList :false, bdPic : , bdStyle : 1 , bdSize : 16 }, share :{}};
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='static/api/js/share.js?v=.js?cdnversion='+~(-new Date()/36e5)];
 /script 

2、编写header.php文档,把下边百度搜索共享编码加上到header.php文档中的 /header 标识以前:

1
 div >

3、编写style.css文档,把下边css款式编码加上到最低部:

1
.baidus a 
 margin: 3px 0px !important;
 padding: 0px !important;
 width: 16px !important;
.share 
 position: fixed;
 left: 50%;
 margin-left: -665px;
 top: 300px;
 width: 25px;
 background-color: #FFF;
 border-left: 1px solid #CCC;
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 padding: 5px;
 -webkit-border-top-left-radius:5px;
 -moz-border-top-left-radius:5px;
 -webkit-border-bottom-left-radius:5px;
 -moz-border-bottom-left-radius:5px;
 border-top-left-radius: 5px;
 border-bottom-left-radius: 5px;
 

留意:上边css款式中,务必改动margin-left: -665px; 这一主要参数给自己网页页面最正中间到左边边栏的总宽,能够自主调整,假如不太懂css款式,能够留言板留言帮我寻找帮助哦~
 
好啦,上边三步进行后,更新网页页面,实际效果早已出現了。

全文连接:为WordPress加上百度搜索共享按键侧面飘浮固定不动实际效果,转截请标明来源于!

赞 13


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503