wordpress的avada 5.0主题添加百度分享盒的方法

avada主题已经自带了社会分享盒,可分享的都是一些外国网站,如facebook类,而国内大多是微信,微博等
下面介绍几种给avada添加百度分享盒的方法,通过下面的方法,可以实现wordpress支持微信,微博,QQ等分享功能
第一步:生成百度分享代码:
百度分享官网:http://share.baidu.com/code


第一例:设置一个浮动在窗口的右侧的弹出按钮,这样只有好的文章,直接点击分享即可。


如上图所示显示的分享按钮。
百度分享代码生成方法:




点击《直接复制代码》,然后这串代码粘贴到footer.php文件中,将这串代码放到页脚中,这个每个页面都将自动调用。
点击wordpress菜单-->外观-->编辑-->footer.php


编辑完成点保存即可。


第二例:替换avada主题中原来的社会分享盒,即下图所示的这些:



这里可以通过修改avada/includes/avada-functions.php文件,其中Line567对应的就是后面社会图标,接下来用百度生成的社会图标代码,复制替换到这里,即可。


下面是我生成的百度代码:
<!---------------------------------->
<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文件中,添加所以社会化图标,但是比较费时间,所以就不介绍它了。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值