WordPress百度分享自定义样式

 墨情博客  2019-04-14 21:35  155次阅读   评论 0 条

wordpress 博客通常都具有分享功能,可以让访客分享你的博文,增加博客流量。国内网站大部分使用的是百度分享,网站的浏览者可以方便的分享内容到人人网、开心网、QQ 空间、新浪微博等一系列 SNS 站点。为您的网站带回更多的流量。通过百度分享按钮,您网站上的网页将更容易被百度搜索引擎所发现,从而有机会从百度搜索带回更多的流量。百度分享是目前唯一存活的聚合分享,由此可见添加百度分享还是很有必要的,可以把自己网站上的内容分享到扣扣空间啊 ,微信啊 ,微信朋友圈啊等等一些社交平台上。
我们制作主题时,很多使用 Font Awesome 字体图标,好处不言而喻这里不累述,如果你的主题没有加载 Font Awesome 字体图标,可以到 WP 后台--插件--安装插件页面搜索:Font Awesome 4 Menus 安装并启用,才能显示替换后的图标。当然,用阿里图标也是修改代码就行,下面我们就详细的描述下具体过程:

一、添加代码

  1. function entry_share($content) {  
  2.     if (is_single()) {  
  3.     $content .= '  
  4.     <div class="entry-share">  
  5.     <div class="share-box">  
  6.     <ul class="bdsharebuttonbox">  
  7.     <li class="share-pu">分享到:</li>  
  8.     <li><a title="分享到新浪微博" class="fa fa-weibo" data-cmd="tsina" onclick="return false;" href="#"></a></li>  
  9.     <li><a title="分享到微信" class="fa fa-wechat" data-cmd="weixin" onclick="return false;" href="#"></a></li>  
  10.     <li><a title="分享到人人网" class="fa fa-renren" data-cmd="renren" onclick="return false;" href="#"></a></li>  
  11.     <li><a title="分享到QQ空间" class="fa fa-qq" data-cmd="qzone" onclick="return false;" href="#"></a></li>  
  12.     <li><a title="分享到Facebook" class="fa fa-facebook" data-cmd="fbook" onclick="return false;" href="#"></a></li>  
  13.     <li><a title="分享到Twitter" class="fa fa-twitter" data-cmd="twi" onclick="return false;" href="#"></a></li>  
  14.     <li><a title="更多" class="bds_more fa fa-plus-circle" data-cmd="more" onclick="return false;" href="#"></a></li>  
  15.     </ul>  
  16.     </div>  
  17.     </div>';  
  18.     }  
  19.     return $content;  
  20.     }  
  21.     add_filter('the_content','entry_share');  

二、添加 CSS 样式

三、加载百度 javascript

  1. <script>window._bd_share_config = {"common": {"bdSnsKey": {},"bdText""","bdMini""2","bdMiniList": false,"bdPic""","bdStyle""1","bdSize""16"},"share": {"bdSize": 16}};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>  

本文地址:https://www.13qing.com/51.html
关注我们:关注请扫描底部右下角二维码,公众号:nygzs166
温馨提示:文章内容系作者个人观点,不代表墨情博客对观点赞同或支持。
版权声明:本文为原创文章,版权归 墨情博客 所有,欢迎分享本文,转载请保留出处!

 发表评论


表情