wordpress文章页面底部添加百度分享按钮的技巧

  • A+
所属分类:wordpress

现在基本上但凡新出的wordpress主题,在文章页面的底部都会有一排很炫很酷的百度分享按钮,如果你没有那你就OUT了,听说添加百度分享按钮还能有利于SEO,那你的wordpress就更应该有百度分享按钮了!

wordpress文章页面底部添加百度分享按钮的技巧

单触角蚂蚁的文章页面底部显示的百度分享按钮

添加百度分享按钮的方法有很多,大部分都是添加各种各样代码的方法,对我等不懂代码的小白确实有点困难,这里介绍一个简单的技巧,一样能够实现wordpress文章页面底部添加百度分享按钮:

1.获取百度分享按钮的代码,网址:http://share.baidu.com/code;按引导根据自己的需求操作。
懒的童鞋,可以看看我的代码(红色的为1mayi添加的小修饰):

  1. <p><div class="bdsharebuttonbox">分享一下呗!<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_tsohu" data-cmd="tsohu" title="分享到搜狐微博"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_kaixin001" data-cmd="kaixin001" title="分享到开心网"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_bdysc" data-cmd="bdysc" title="分享到百度云收藏"></a><a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a></div>
  2. <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};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>

2.将代码放在文章页面底部。有人说,后台→外观→编辑,找到single.php直接放入,我试过了不行!大家都知道基本上所有的wordpress主题都有广告位,而且一般文章正文底部也有广告位(如果你的没有,就当我没说),将你获取的百度分享按钮代码放入文章正文底部的广告位,保存刷新页面,是不是有了一排很炫很酷的百度分享按钮?!
很简单的一个wordpress文章页面底部添加百度分享按钮的小技巧献给大家。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:3   其中:访客  2   博主  1

    • avatar zhjia 0

      楼主的分析功能是怎么做的啊?

        • avatar 单触角蚂蚁 Admin

          @zhjia 分享功能吧?
          从百度获取分享按钮的代码,网址:http://share.baidu.com/code

        • avatar 片段艺文志 1

          不错,正好需要,正愁找不到在哪儿放呢