wordpress和普通網頁如何使用百度分享組件

標籤：如何使用   ref   htm   container   qq空間   href   app   開心網   mini   

百度分享組件是什嗎？摘自百度百科：

百度分享是一個提供網頁地址收藏、分享及發送的WEB2.0按鈕工具，網站的瀏覽者可以方便的分享到人人網、分享到開心網、分享到QQ空間、分享到新浪微博等一系列SNS網站。

其實就是大家比較熟悉的組件：

上百度分享可以定製自己想要的效果，定製過程網上比較多，在這就不寫了，分享下我定製的代碼

1 <div class="bdsharebuttonbox">2     <a href="#" class="bds_more" data-cmd="more"></a>3     <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空間"></a>4     <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>5     <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到"></a>6     <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>7 </div>8 <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{},"image":{"viewList":["qzone","sqq","weixin","tsina"],"viewText":"分享到：","viewSize":"32"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","sqq","weixin","tsina"]}};with(document)0[(getElementsByTagName(‘head‘)[0]||body).appendChild(createElement(‘script‘)).src=‘http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=‘+~(-new Date()/36e5)];</script>

把它加入到自己網頁裡就可以實現了，是比較簡單方便的

 

在word press裡怎麼加入百度分享呢？

兩種思路：一是寫成一個小工具，在後台開啟就可以了，可惜我並不會 ；

二是直接在自己使用的主題裡面加入代碼：

我只在每篇文章末尾加上分享按鈕，所以找到自己啟用主題下面的content.php 檔案

具體路徑是wp-content/themes/twentyseventeen/template-parts/post   其中的twentyseventeen是我使用的主題名

開啟後在檔案最後添加上面得到的代碼：

如此就實現了。

 

歡迎大家推薦百度分享的word press外掛程式，畢竟還是外掛程式用起來爽一點

稻草人

2016/12/26

wordpress和普通網頁如何使用百度分享組件