服务器与VPS
促销优惠信息

网站设置SSL证书后HTTPS前面灰色小锁改为绿色小锁方法

查看目录
文章目录隐藏
  1. 一、为什么设置SSL证书后网址前的小锁是灰色并有黄色三角?
  2. 二、怎么把SSL证书的灰色小锁变成绿色呢?
  3. 三、怎么获取免费的SSL证书呢?

这几天根据自己的博客改造经历给大家陆续分享了如何申请免费SSL证书,以及申请到证书之后如何设置将网站地址从HTTP开头改成更安全的HTTPS开头方法。昨天有事忙了一天,今天回来发现美中不足的是,网址前面的小锁是灰色的并带有一个黄色三角,那么怎么才能把网址前的小锁变成绿色呢?

一、为什么设置SSL证书后网址前的小锁是灰色并有黄色三角?

在这要说一下,可能不同浏览器显示不一样,好像谷歌浏览器前面是显示一个“!”我用的360浏览器就显示一个灰色小锁带黄色三角,其他浏览器可能显示不尽相同,但意思一样。

网站设置SSL证书后HTTPS前面灰色小锁改为绿色小锁方法

1、经过一番了解之后才知道,是因为网页中存在一些以前自己手动添加的静态HTTP链接,比如菜单中的“主页”,页面底部的“网站地图”等。

2、网站原来上传的所有图片,网址都是HTTP开头的。

二、怎么把SSL证书的灰色小锁变成绿色呢?

1、修改 functions.php 文件:(这个方法适合wordpress站长)

这个 functions.php指的是你主题的 functions文件哦,修改时注意一下,因为现在很多主题这个文件是独立的。

//WordPress SSL 证书变绿色 update
add_filter('get_header', 'fanly_ssl');
function fanly_ssl(){
	if( is_ssl() ){
		function fanly_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");
	}
}

现在(www.chukuangren.com)前面的灰色小锁变成绿色了,看上去是不是顺眼了很多?

网站设置SSL证书后HTTPS前面灰色小锁改为绿色小锁方法

2、通过phpMyadmin数据库指令:

update wp_posts set post_content = replace(post_content, 'http:/www.******.com','https://www.******.com');

记得将代码中的域名“******”替换成你自己的域名。第一个方法只适用于wordpress程序的修改,第二个方法,适合所用使用phpMyadmin数据库的网站。如果你有更多的方法也欢迎提供给楚狂人并分享给大家。

这两个方法一部分得自卢松松网站,一部分得自蝈蝈要安静的网站,而且我看他文章中也说感谢泪雪的代码,哈哈。那么我们一起感谢一下他们吧,感谢各位站长的无私分享。

三、怎么获取免费的SSL证书呢?

这个问题呢,目前网络上也有不少的免费SSL证书宣传,我了解一下之后还是决定申请阿里云提供的赛门铁克证书。为什么呢?因为阿里云作为国内最大的云服务提供商之一,服务、稳定、性价比都比较靠谱。申请过程我已经写出来了“阿里云免费SSL证书申请教程”。申请完成后,网站会有一个教你设置的教程,如果你碰巧和楚狂人一样用的是宝塔面板,那么我这还有一本“宝塔面板SSL证书设置”的秘籍传给你。最后,如果你还不是阿里云的用户,那么赶紧点击下面的“链接”领取阿里云优惠券大礼包吧。价值千元,适用于20多款产品!

楚狂人 » 网站设置SSL证书后HTTPS前面灰色小锁改为绿色小锁方法

相关推荐

  • 暂无文章

评论 1

  • (必填)
  • (必填)
  1. #0

    我把地址全改为相对引用、不要前面http...;不知道对seo有木有影响!

    AEMOM5年前 (2019-05-13)回复

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏