WordPress网站上百度分享不支持https

2018年4月24日15:00:01 18 631 views

手机访问WordPress网站出现证书不一致的提示

最近在boke112导航群里分享一篇文章的时候,有站长反应使用手机打开里维斯社文章页面的时候,出现“当前网站名称与其证书上的名称不一致,是否信任并继续访问?”的提示。

WordPress网站上百度分享不支持https

 

经过查看证书详情页面,发现是百度分享不支持https。里维斯社在4月初添加了https协议,可能是当时配置的时候疏忽了这个问题。

WordPress网站上百度分享不支持https

 

百度分享因为加载速度快,支持自定义样式,又能吸引百度蜘蛛抓取网页,被众多国内网站使用。随着Google Chrome和火狐浏览器对没有启用https协议的http网站提示不安全,越来越多网站启用https协议,但百度分享目前并不支持https引用,那么如何让百度分享支持https引用?

 

百度分享本地化

其实原理很简单,就是将百度分享的代码从百度的服务器本地化。由于里维斯社使用的是begin主题,以下是针对begin主题进行的百度分享本地化设置。

1、开启百度分享(BaiduShare)设置

开启百度分享的方法,进入WordPress后台,依次打开【外观】→【主题选项】→【辅助功能】,在【点赞分享】设置的地方,可以看到【启用百度分享】的选项,勾选中并保存就可以开启百度分享功能。

WordPress网站上百度分享不支持https

 

2、查看调用百度分享(BaiduShare)调用的位置

begin主题默认将百度分享调用存放在footer.php文件第25行左右,其中http://bdimg.share.baidu.com就是影响我们SSL证书不一致原因。因为百度分享不支持HTTPS,所以我们现在需要将其本地化。

WordPress网站上百度分享不支持https

 

3、下载百度分享文件

有大牛对百度分享代码进行了改进,实现了对https的支持,并将代码分享到了Github。

地址:https://github.com/hrwhisper/baiduShare

WordPress网站上百度分享不支持https

 

4、上传static文件夹到网站根目录

点击Download ZIP下载压缩包,然后解压。得到4个压缩文件,只要将static文件夹(包括里面的全部文件)通过ftp工具,上传到网站根目录(即与wp-admin、wp-content等文件夹同一层级),保存即可。

WordPress网站上百度分享不支持https WordPress网站上百度分享不支持https

 

5、修改百度分享接口的调用链接

打开footer.php文件第25行左右,修改百度分享接口调用链接http://bdimg.share.baidu.com ,修改这部分或者去掉都可以。里维斯社最终修改的代码前后对比:

  1. //修改前
  2. http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];

 

  1. //修改后
  2. https://www.liwei8090.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];

 

写在最后:

到此,我们已经完成了百度分享代码本地化,并实现了https引用。所有设置完成以后记得删除一下缓存,重新刷新一下页面,手机端访问文章页面就没有报证书不一致的提示了,完美解决。

特别提示:如果遇到不成功的情况,一般是引用路径的错误,检查并调整一下路径就可以了。如果使用的其他主题,操作的步骤也是一样的,只是引入百度分享js代码的路径更改一下就可以了。

 

里维斯社
晨会游戏

发表评论

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

目前评论:18   其中:访客  11   博主  7

    • avatar 小萝莉 0

      博主,本地化以后我早上可以用,下午再次失灵。而且还是有证书的提示。求解

        • avatar 里维斯社 Admin

          @小萝莉 要分析情况,有可能是其他内容出现的证书错误问题。