设置SSL证书后网址前的小锁是灰色并有黄色三角,SSL证书的灰色小锁变成绿色方法

小锁是灰色并有黄色三角效果图

设置SSL证书后网址前的小锁是灰色并有黄色三角,SSL证书的灰色小锁变成绿色方法

 

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

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

二、怎么把SSL证书的灰色小锁变成绿色呢?
1、修改 functions.php 文件:(这个方法适合wordpress站长)

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

1.在搭建WordPress博客的时候,部署了SSL以后却发现用浏览器打开网址的时候,网址前面出现了一个小锁是灰色并有黄色三角。
2.经过一番折腾以后,发现了是因为在部署之前网站里上传了一些不是S的链接或者图片地址,网站地图等原因照成的,也就是HTTP链接,可以按F12查看一下就知道了。

解决办法
修改 functions.php 文件:(这个方法适合wordpress站长)

functions.php文件夹指的是你主题的 functions文件,修改的时候注意一下,不要把WordPress源码里的functions.php修改了,因为现在很多主题这个文件是独立的。

代码如下

//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");
}
}

修改以后的效果图,对于我这种有强迫症的人来说,看起来就顺眼很多了。

设置SSL证书后网址前的小锁是灰色并有黄色三角,SSL证书的灰色小锁变成绿色方法

完美解决

© 版权声明
THE END
喜欢本篇文章就点赞支持一下吧,你的支持是对我最大的鼓励。
点赞0 分享
评论区 抢沙发
头像
欢迎留言讨论,请不要回复纯数字或者纯字母,回复垃圾内容的,后台会自动封锁iP处理 ===============禁止讨论关于政治,宗教,颜色,敏感等话题===================
提交
头像

昵称

取消
昵称

    暂无评论内容