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

2021-03-18 08:59

首先看一张实际效果图：


如圖所显示，百度搜索共享默认设置固定不动在网页页面左边边，无论网页页面往下或是往上翻转，百度搜索共享按键都是固定不动飘浮显示信息；
 
好啦，下边就详细介绍一正下方法吧，实际上非常简单，在原百度搜索共享编码上加上一段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