下面介绍几种给avada添加百度分享盒的方法,通过下面的方法,可以实现wordpress支持微信,微博,QQ等分享功能
第一步:生成百度分享代码:
百度分享官网:http://share.baidu.com/code
第一例:设置一个浮动在窗口的右侧的弹出按钮,这样只有好的文章,直接点击分享即可。
如上图所示显示的分享按钮。
百度分享代码生成方法:
点击《直接复制代码》,然后这串代码粘贴到footer.php文件中,将这串代码放到页脚中,这个每个页面都将自动调用。
点击wordpress菜单-->外观-->编辑-->footer.php
编辑完成点保存即可。
第二例:替换avada主题中原来的社会分享盒,即下图所示的这些:
下面是我生成的百度代码:
<!---------------------------------->
<div class="bdsharebuttonbox" style="float:right"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["weixin","tsina","sqq","tqq","qzone","douban","tieba"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","sqq","tqq","qzone","douban","tieba"]}};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>
<!----------------------------------->
下面对上面的script代码进行一些必要修改,主要修改bdPic和bdText两个字段,有关这部份修改请参考百度分享上高级功能应用,其中bdPic是分享时显示的图片,bdText是内容文本,这里可以编辑更复杂的代码,实现智能抓取。
<script>window._bd_share_config={
"common":{"bdSnsKey":{},
"bdText":"<?php echo $sharingbox_soical_icon_options['title'];?>",
"bdMini":"1",
"bdMiniList":false,
"bdPic":"<?php echo 'http://www.allsparklab.com/wp-content/uploads/2016/11/overview_logo.png';?>",
"bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["weixin","tsina","sqq","tqq","qzone","douban","tieba"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","sqq","tqq","qzone","douban","tieba"]}};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>
替换Line567行代码后,如下图所示:
完成后效果如下图所示:
还有一种办法是修改avada/single.php文件,其中92行对应的就是分享盒功能函数,替换为百度分享盒代码,这里不在介绍。
如果不嫌麻烦可以在 avada主题功能php文件中,添加所以社会化图标,但是比较费时间,所以就不介绍它了。