欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」虚拟主机部署 SSL 证书页面错位,WordPress HTTPS 兼容方法

作者 : 自学哈 本文共1179个字,预计阅读时间需要3分钟 2022-11-26 共125人阅读
也想出现在这里? 联系我们

对于 WordPress 开启 HTTPS,子凡早在两年前就提供了相关的兼容代码和教程,正常的情况下是可以被完美的兼容,但是不排除某些因为服务器的原因,而导致可能无法正常将整站开启 HTTPS 协议,特别是现在的一些虚拟主机开始支持 SSL 证书部署后出现了页面错位和不兼容的情况,那么今天子凡就来提供一下解决办法。

首先要说明的是,站点页面错位是因为页面没有被正常加载 css 层叠样式表导致,当我们通过 https 协议访问站点时,如果 css 文件是被 http 协议引入,那么浏览器会以安全模式的形式阻止加载,所以导致页面错误的情况。

子凡最近从百度云虚拟主机,到西部数码的虚拟主机,为几个客户都解决了同样的问题,那就是服务器即使部署了 SSL 证书,并且通过 https 访问,服务器是不会正常输出$_SERVER[‘HTTPS’]这个参数,而对于 WordPress 来说,提供了一个站点是否启用 ssl 的判断函数(is_ssl),恰好就是通过$_SERVER[‘HTTPS’]这个参数来判断,所以最后导致的结局就是虚拟主机开启 SSL 证书后,Wordpress 站点的 https 页面错位。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// WordPress is_ssl 函数代码
function is_ssl() {
    if ( isset( $_SERVER[\'HTTPS\'] ) ) {
        if ( \'on\' == strtolower( $_SERVER[\'HTTPS\'] ) ) {
            return true;
        }

        if ( \'1\' == $_SERVER[\'HTTPS\'] ) {
            return true;
        }
    } elseif ( isset($_SERVER[\'SERVER_PORT\'] ) && ( \'443\' == $_SERVER[\'SERVER_PORT\'] ) ) {
        return true;
    }
    return false;
}

解决方法

1
2
//强制定义 HTTPS 参数
$_SERVER[\'HTTPS\']=\'on\';

通过修改 WordPress 站点根目录 wp-config.php 文件,将以上代码添加至下方代码的空行处即可。

1
2
/** 设置 WordPress 变量和包含文件。 */
require_once(ABSPATH . \'wp-settings.php\');

最后你就可以非常完美的继续使用子凡之前“WordPress 整站开启 HTTPS 协议,让站内链接支持 SSL 证书”教程中的教程方法或代码啦,这时候就可以确定你站点至少不是错位的,如果浏览器的地址栏前面还没有出现“绿锁”,这说明你的主题或者页面中还有非 https 引入的文件,例如最常见的就是图片或者视频资源等,大家可以通过页面源代码和 F12 查看资源载入情况,然后修改和完全的实现,当然也有可能是一些联盟广告载入了 http 的资源,也会直接影响绿锁,泪雪博客偶尔就是这样的一个情况,所以这个没办法。

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」虚拟主机部署 SSL 证书页面错位,WordPress HTTPS 兼容方法
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号