如何为wordpress网站安装免费SSL证书?

你的网站已经安装好SSL证书了吗?

网站HTTPS已经是大势所趋。

自2017年始,谷歌将依然用http的网站标记为不安全网站,虽然这并不说明网站真的有问题,但谁想做这无谓的坚持呢?

特别做外贸网站B2B, B2C的,SSL证书是必须的。

况且,网站部署了SSL证书有三个好处:

1. 搜索引擎:在搜索结果中优先显示,便于SEO;

2. 自己:提升自身网站的安全性;

3. 客户:提升用户安全体验。

什么是https? SSL证书?

简单说就是在你和网站在交换数据时进行提供一个加密通道,不会被第三方窃听更改等。

比如你和网站正打的火热,发给TA一条消息:嫁给我吧!

然后出来个第三者偷听了你的消息。

而通过https,通过加密后,你俩互动的更隐蔽安全了。

稍微改了下这张图,可能看的更直观些:

如何为wordpress网站安装免费SSL证书?_第1张图片

Bluehost怎么添加SSL证书?

我用的是Bluehost虚拟空间,wordpress建站,经历几个小问题后,SSL证书总算安装成功了。

以下是大概的步骤和碰到的问题,如果你碰到同样的问题,权当参考吧:

首先,Bluehost提供免费3个月的SSL证书,后续费的话从4刀到20多刀每月不等。其次,无需独立IP;而且是256位加密技术。

步骤:

进入bluehost后台控制面板,选择SSL (红色箭头,任意一个都可以)

如何为wordpress网站安装免费SSL证书?_第2张图片

选择你的网站,开始安装。

如何为wordpress网站安装免费SSL证书?_第3张图片
如何为wordpress网站安装免费SSL证书?_第4张图片

3. 安装完成。如果你的域名能自动验证,几分钟后就安装完毕。如果不行,会有一封邮件发给你,进行验证就可以了。

Congratulations!You have successfully ordered a new Free SSL. If your domain(s) can be verified automatically, you can expect your new certificate to be installed soon. If not, you will receive an email with validation instructions.

4. 过几分钟后刷新网站,前面加https://yourdomain.com

如果可以访问了,进行下一步。

5.登录网站wordpress后台,在“Setting设置-General常规”里,把“WordPress address”和“site address”里的http都改成https, 保存;这样客户就可以直接访问你https的网站了。

如何为wordpress网站安装免费SSL证书?_第5张图片

问题:

6. 刷新网页,奇怪,怎么是灰色的锁,带黄色叹号?

如何为wordpress网站安装免费SSL证书?_第6张图片

点击发现如下提示:

如何为wordpress网站安装免费SSL证书?_第7张图片

通过浏览器按F12 选择console, 会提示网站中https和http存在混用的情况。特别是上传的多媒体图片等,其地址并没有变成https的。

7. 怎么办?搜索答案。

在泪雪博客找到了答案。地址:https://zhangzifan.com/wordpress-ssl-link.html

我用的是第二种方案的代码一。

代码一:HTTPS绝对链接替换

编辑当前主题下的 functions.php 文件,加入以下代码:

//WordPress SSL at 2016/12/29 updateadd_filter('get_header','fanly_ssl');functionfanly_ssl(){if(is_ssl()){functionfanly_ssl_main($content){$siteurl=get_option('siteurl');$upload_dir=wp_upload_dir();$content=str_replace('http:'.strstr($siteurl,'//'),'https:'.strstr($siteurl,'//'),$content);$content=str_replace('http:'.strstr($upload_dir['baseurl'],'//'),'https:'.strstr($upload_dir['baseurl'],'//'),$content);return$content;}ob_start("fanly_ssl_main");}}

如果是Avada主题,在theme options -editor里有functions.php 在最后添加代码后,保存即可。

8. 刷新后,为什么有的页面依然黄色的感叹号?

再进行查看console后发现,avada主题中引用了一个http的无效的page title背景图:http://theme-fusion.com/avadaxml/wp-content/themes/Avada/images/page_title_bg.png

如果你用的是avada的主题,可能也会有同样的问题。

如何为wordpress网站安装免费SSL证书?_第8张图片

9. 解决方法是在后台 appearance-theme options-page title bar里把这个page title bar background链接地址remove即可。

如何为wordpress网站安装免费SSL证书?_第9张图片

10. 再次刷新,完美!

绿绿的小锁,看起来真舒心。

如何为wordpress网站安装免费SSL证书?_第10张图片
微信公众号:li-wu-net 原文地址:http://li-wu.net/bluehost-ssl-install-on-wordpress-site.html

你可能感兴趣的:(如何为wordpress网站安装免费SSL证书?)