ワードプレスでSSLをオンにした後にCSSが読み込めない場合の対処法

WordPress が SSL を有効にした後に CSS を読み込めない問題の解決策: 1. function.php ファイルを見つけて、「js/css」パスを相対パスに置き換えます。 2. コード「if ($_SERVER[ 「HTTP_X...)」を使用できます。

このチュートリアルの動作環境: Windows 7 システム、WordPress バージョン 5.4.2 この方法は、すべてのブランドのコンピューターに適しています。

推奨:「WordPressチュートリアル」

WordPressでSSLをオンにした後にCSSが読み込めない問題の解決策

方法1:functions.phpを見つけて次のコードを追加します:

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

を置き換えますjs/css パスと相対パス。 (関連コースの推奨: CSS ビデオ チュートリアル)

方法 2: この行を wp-config.php に追加します

if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') $_SERVER['HTTPS']='on';

ただし、変更がこの行の前にあることを確認してください

require_once(ABSPATH . 'wp-settings.php');

以上がワードプレスでSSLをオンにした後にCSSが読み込めない場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。