前言: 最近在阿里云的云盾证书服务管理控制台申请单域名免费证书,进行个人网站https测试,折腾了一下。当网站配置SSL证书开启https后,很多都会遇到这些问题:网站css样式错乱,图片地址显示错误,网站后台进不去或登录无反应。 解决方案: 一、修改代码 1、打开网站根目录文件\wp-includes\functions.php,找到代码 require( ABSPATH . WPINC . '/option.php' );大概在第13行。 在下方添加以下代码:

add_filter('script_loader_src', 'agnostic_script_loader_src', 20,2); function agnostic_script_loader_src($src, $handle) { return preg_replace('/^(http|https):/', '', $src); } 
add_filter('style_loader_src', 'agnostic_style_loader_src', 20,2); function agnostic_style_loader_src($src, $handle) { return preg_replace('/^(http|https):/', '', $src); }

2、打开网站根目录\wp-config.php文件找到代码 在下方添加如下代码:

$_SERVER['HTTPS'] = 'on';
define('FORCE_SSL_LOGIN', true);
define('FORCE_SSL_ADMIN', true);

切记,以上代码要加到下面这段代码的上方!

if ( ! defined( 'ABSPATH' ) ) {

define( 'ABSPATH', __DIR__ . '/' );

}

如图:

避坑,wordpress配置https后,CSS样式错乱、图片无法加载及后台无法登录问题!

完成以上两步操作后,可以正常访问wordpress https开头网站后台了,登录wordpress后台。 二、后台修改 点击设置-常规-常规选项,将 WordPress地址(URL) 站点地址(URL)

避坑,wordpress配置https后,CSS样式错乱、图片无法加载及后台无法登录问题!

改为https://开头的链接地址(如https://www.cuixinjiang.cn),后点击“保存更改”。