WordPress配置https(SSL)无法登录后台&页面样式丢失解决方法！

前言：

最近使用宝塔面板一键部署了WordPress导航网站，网站在HTTP协议下运行一切正常。配置SSL证书并强制HTTPS访问后，出现了后台无法登录、CSS/JS样式文件不加载导致页面错乱、CDN回源504超时等问题。

本文分享完整的修复方案，无需复杂操作，按照步骤修改即可解决所有HTTPS兼容问题。

一、核心修复：修改系统代码文件

步骤1：修改 functions.php 文件

打开网站根目录 wp-includes/functions.php，找到代码 require( ABSPATH . WPINC . '/option.php' );（约第8行），在下方添加以下代码，修复HTTPS静态资源加载异常：

// 修复HTTPS静态资源加载问题
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 配置文件

wp-config.php 是WordPress核心配置文件，手动添加代码容易出错。为了新手操作更简单、不报错，直接将下方完整代码复制，替换网站根目录原 wp-config.php 的全部内容，即可强制开启HTTPS、适配CDN、修复后台登录问题：

P*# Jg,>3/]afnL' );
define( 'SECURE_AUTH_KEY',  '&!PZ)LWc-j#C~ay$8N$`}OU2qH01;R;P,l;qj+1lhlYB^b8km^b:Daj&!QO-qm3m' );
define( 'LOGGED_IN_KEY',    'k^VK_EEif%5.Af4D*9uc::97^RTU?S-2xy7a!SO]&cRzfD/^AgZwnyT(7y#YW38L' );
define( 'NONCE_KEY',        'w=gY{S,vlp#0*{Mc+KR[vF~*4o-cAvt&hTdkU!@]Tmm$Znm~0s' );
define( 'SECURE_AUTH_SALT', 'hKvkvm&o' );
define( 'NONCE_SALT',       '`4Z(G:fq I3XQ9V$!>P2Jf' );

/**#@-*/

/**
 * WordPress database table prefix.
 *
 * You can have multiple installations in one database if you give each
 * a unique prefix. Only numbers, letters, and underscores please!
 *
 * At the installation time, database tables are created with the specified prefix.
 * Changing this value after WordPress is installed will make your site think
 * it has not been installed.
 *
 * @link https://developer.wordpress.org/advanced-administration/wordpress/wp-config/#table-prefix
 */
$table_prefix = 'wp_';

/**
 * For developers: WordPress debugging mode.
 *
 * Change this to true to enable the display of notices during development.
 * It is strongly recommended that plugin and theme developers use WP_DEBUG
 * in their environments.
 *
 * For information on other constants that can be used for debugging,
 * visit the documentation.
 *
 * @link https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/
 */
define( 'WP_DEBUG', false );

/* 👇 正确位置：添加SCDN HTTPS适配代码（唯一不报错的位置） */
if (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] === 'https') {
    $_SERVER['HTTPS'] = 'on';
}

/* That's all, stop editing! Happy publishing. */

/** Absolute path to the WordPress directory. */
if ( ! defined( 'ABSPATH' ) ) {
	define( 'ABSPATH', __DIR__ . '/' );
}

/** Sets up WordPress vars and included files. */
require_once ABSPATH . 'wp-settings.php';