最高のWordPressバックアップ
& 移行プラグインを今すぐ入手しよう
デュプリケーターを今すぐ入手
WPメディアクリーンアップのお知らせ

[新着] WP Media Cleanupがメディアライブラリに隠れた未使用画像を削除

メディアライブラリの散らかりにうんざりしていませんか?WP Media Cleanupはサイトをスキャンし、不要な画像バリエーションを削除してサイトの効率を向上させます…
WordPressの混合コンテンツエラー

WordPressで混合コンテンツエラーを修正する方法 

執筆者 著者アバター ジョエラ・ダン
著者アバター ジョエラ・ダン
ジョエラはWordPressで長年の経験を持つライターです。Duplicatorでは、基本的なバックアップから大規模な移行まで、サイトのメンテナンスを専門としています。彼女の最終的なゴールは、あなたのWordPressウェブサイトが安全で、成長できるようにすることです。
     レビュー レビュアーアバター ジョン・ターナー
レビュアーアバター ジョン・ターナー
ジョン・ターナーはDuplicatorの社長です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

WordPressサイトにSSL証明書をインストールし、ブラウザバーに安心感のある緑の鍵マークが表示されることを期待していました。

しかし実際には?あなたのサイトは依然として「安全ではありません」と表示されています。

原因はほぼ常に混合コンテンツエラーである。

現在、サイトは安全なHTTPS接続で読み込まれていますが、ページ内のどこかで、依然として古い非安全なHTTPプロトコル経由で読み込もうとするリソースが存在します。ブラウザはこれをセキュリティリスクと見なし、警告を表示します。

この記事では、これらのエラーを発見し修正するための実証済みの方法をいくつかご紹介します。さあ、サイトを完全に安全にしましょう!

以下はその要点である:

  • 混合コンテンツエラーは、HTTPSサイトがHTTPリソースを読み込もうとした際に発生し、ブラウザのセキュリティ警告を引き起こします
  • 根本的な原因は、データベース、テーマファイル、ウィジェット、またはサードパーティ製スクリプト内に隠れた古いhttp://のURLです。
  • データベースやサイトファイルに変更を加える前には、必ず完全なバックアップを作成してください
  • これらのエラーは、Really Simple Securityのようなプラグイン(迅速な解決策)、WordPress設定の更新、データベースの検索と置換、またはファイル内のハードコードされたURLの検索によって修正できます。
  • 将来の問題を防ぐために、一貫したHTTPS URLを使用し、新しいテーマやプラグインをテストし、コード内で相対URLを記述してください

目次

混合コンテンツエラーとは何ですか?

混合コンテンツエラーは、ウェブページがHTTPS経由で読み込まれる一方で、画像やスクリプト、スタイルシートなどのリソースを安全でないHTTP接続経由で取得しようとした場合に発生します。ブラウザはこの不一致を検知し、セキュリティ上の問題として警告を表示します。

ブラウザは、読み込まれるリソースの種類に応じて、混合コンテンツを2つの異なる方法で処理します。

パッシブ混合コンテンツには 、画像、動画、音声ファイルなどが含まれます 。これらはページの動作を実質的に変更しないため、ブラウザは通常、それらをロードします。ただし、アドレスバーにはセキュリティ警告が表示されます。

アクティブ混合コンテンツはより深刻な問題です。これにはJavaScriptファイル、スタイルシート、iframeが含まれます。これらは実際にページを変更したりデータを盗んだりする可能性のあるリソースです。

ブラウザはこれらをブロックすることが多く、サイトの一部がまったく機能しなくなる可能性があります。レイアウトが崩れたり、フォームの送信が停止したり、機能が単純に消えてしまうことがあります。

その結果?訪問者は壊れていて安全でないサイトを見ることになります。まさに望まない印象を与えることになります。

混合コンテンツエラーの原因は何か?

混合コンテンツエラーの主な原因は単純です:サイトをHTTPSに切り替えた際、WordPressデータベースやファイル内のすべてのURLが更新されなかったためです。

あなたのサイトは現在、https://経由でページを提供していますが、コンテンツやコードのどこかに、自サイトのリソースを指す古いhttp://リンクがまだ残っています。

これらの古いURLは、予測可能な場所に潜むのが大好きです:

  • 投稿やページの内容において:例えば2年前に画像を挿入した場合、WordPressはその画像をhttp://というURLで保存した可能性があります。そのリンクは今もデータベースに残っています。

  • テーマファイルにハードコードされている: 一部のテーマでは、画像パスやスタイルシート参照がPHP、CSS、またはJavaScriptファイルに直接記述されています。

  • ウィジェット内部:テキストウィジェットはこの問題で悪名高い。HTMLや画像リンクを手動で追加した場合、それらが依然として旧プロトコルを使用している可能性がある。

  • サードパーティ製スクリプト:広告ネットワーク、解析コード、ソーシャルメディアフィードなどの埋め込みツールは、サイトが安全な場合でもHTTPリソースを読み込む可能性があります。

  • CSSの背景画像:スタイルシートでhttp:// URLを指定した背景画像はエラーを引き起こし、その原因を特定するのは必ずしも容易ではありません。

サイトを見ただけでは、これらのリンクがどこにあるのかを常に見つけられるとは限りません。コードを掘り下げて調べたり、適切なツールを使って探したりする必要があるかもしれません。

WordPressで混合コンテンツエラーを修正する方法

混合コンテンツエラーを解消する実証済みの方法を簡単にまとめます:

  • 方法1:Really Simple Securityのようなプラグインを使用して、HTTP URLをHTTPSへリアルタイムで自動的に書き換える(最速の選択肢)
  • 方法2: WordPressのアドレスとサイトアドレスのURLを「設定」→「一般」で更新し、両方がHTTPSを使用していることを確認する
  • 方法3: Search & Replace Everythingを使用してデータベースの検索と置換を実行し、コンテンツ内のすべてのHTTP URLを恒久的に修正する
  • 方法4:ブラウザの開発者ツールを使用して、テーマやプラグインファイル内のハードコードされたHTTP URLを追跡し、手動で置き換える

開始前に:ウェブサイトの完全なバックアップを作成してください

データベースを変更したり、サイトの動作を制御するファイルを編集しようとしています。何か問題が発生した場合(それは起こり得ます)、すべてを即座に元に戻す方法が必要です。

バックアップはワンクリックで使える脱出ハッチです。

何かを触る前に、Duplicatorのようなプラグインを使って完全なバックアップを作成することを常にお勧めします。ファイルとデータベースの両方を1つのパッケージにまとめて保存するため、何かを壊してしまってもサイトを元の状態に完全に復元できます。

Duplicator Pro プラグイン

新しいバックアップを作成し、「サイト全体」プリセットを選択してください。これにより、サイトの全ファイルとデータベーステーブルが単一のzipファイルにまとめられます。

フルサイト・バックアップ・プリセット

バックアップを保存するクラウドストレージ場所(Duplicator Cloudなど)も選択します。ローカルに保存することも可能ですが、大規模な障害が発生した場合、このデータを失う可能性があります。

Duplicatorクラウドにバックアップ

Duplicatorがサイトのコピーを作成した後、データをクラウドに送信します。復元が必要な場合は、ワンクリック復元ボタンをご利用ください。

Duplicatorバックアップの復元

方法1:プラグインで混合コンテンツエラーを修正する

データベースやコードの編集に慣れていない場合、プラグインが安全なサイトを実現する最も手っ取り早い方法です。Really Simple Security(旧称:Really Simple SSL)は、多くの人が最初に選ぶプラグインです。

Really Simple Securityプラグイン

このプラグインは、データベース内のURLを実際に変更するわけではありません。代わりに、ページがブラウザに送信される前にそれを捕捉し、http:// のリンクをその場でhttps://に書き換えます。

インストールし、有効化したら、セキュリティ » 設定に移動します。SSLタブをクリックし、混合コンテンツ修正ツールを有効にします。

本当にシンプルなセキュリティ混合コンテンツ修正ツール

混合コンテンツの警告は通常、数秒以内に消えます。

しかしトレードオフがあります。不安全なURLはデータベースに残ったままです。単に隠蔽しているだけです。また、プラグインはページが読み込まれるたびにわずかな処理オーバーヘッドを追加します。

多くのサイトにとって、それで全く問題ありません。機能し、シンプルで、2分で完了します。より永続的な解決策をお望みなら、読み進めてください。

方法2: WordPress設定でのURL更新

ここから始めてください。1分もかからず、最も一般的な設定問題の1つを解決します。

WordPressダッシュボードの設定 " 一般に移動します。

WordPress アドレス(URL) とサイトアドレス(URL)のフィールドを確認してください。どちらもhttps:// で始まる必要があり、http:// で始まってはいけません。

ワードプレスサイトのURL

そうでない場合は、更新して「変更を保存」をクリックしてください。

ただし注意点があります:修正されるのはWordPressが自身を参照する方法のみです。投稿やページ、テーマファイルに既に埋め込まれたURLはそのまま残ります。

この変更後も混合コンテンツエラーが表示される場合は、次の方法に進む必要があります。

方法3:データベース内のURLを手動で検索・置換する

恒久的な修正が必要な場合、適切なデータベース更新に勝るものはありません。これはデータの保存場所において、http:// の参照をすべてhttps://に置き換えます。

ただし、重大な警告があります:単純な検索置換SQLクエリをデータベースに直接実行してはいけません。WordPressは一部のデータをシリアライズ形式で保存しており、基本的な検索置換はその形式を破壊します。

シリアライゼーション対応のツールが必要です。この作業にはWPCodeのSearch & Replace Everythingが私のお気に入りのプラグインです。

Search and Replace Everything プラグイン

コードスニペット » 検索と置換 に移動します。

検索と置換のすべて置換

検索対象」フィールドに、古いURLを入力してください:http://yourwebsite.com

「置換先」フィールドに新しいURLを入力してください:https://yourwebsite.com

完全なスキャンを行うため、すべてのテーブルを選択してください。特にwp_postsとwp_postmetaには注意を払ってください。これらのテーブルには通常、コンテンツURLの大部分が含まれています。

置換を実行してください。このデータベース更新後、混合コンテンツの問題の大半は解消されます。実際に存在するURLを修正したためです。

方法4:テーマ/プラグインファイル内のハードコードされたURLの発見

データベースの修正後も、混合コンテンツエラーが表示される場合があります。これは、問題がテーマやプラグインのファイルに直接ハードコードされていることを意味します。

これらを追跡する最良の方法は、ブラウザの開発者ツールを使用することです。

サイトの任意の場所で右クリックし、「要素を検査」を選択(またはF12キーを押す)。次に「コンソール」タブをクリックする。混合コンテンツエラーがある場合、問題の原因となっている正確なファイルパスと共に、そこに一覧表示される。

ファイルを特定したら、編集する必要があります。FTPクライアントまたはホスティングコントロールパネルのファイルマネージャーを使用してファイルを探します。ファイルを開き、http://URLを検索し、https://に置き換えてください。

さらに良いのは、絶対URLではなく相対URL(例:/wp-content/themes/yourtheme/style.css)を使用することです。相対パスはページが使用しているプロトコルを自動的に適用するため、この問題が再発することはありません。

親テーマのファイルを編集する場合は、まず子テーマを作成してください。そうしないと、テーマの更新時に変更内容が消去されてしまいます。

混合コンテンツエラーを防ぐ方法

問題を修正したら、再発は避けたいものです。いくつかの簡単な習慣を身につければ、今後もサイトの安全性を保てます。

  • URLは一貫性を持たせてください

新しい画像を追加したり、メディアを埋め込んだり、内部ページへのリンクを設定する際は、必ずhttps://を使用してください。当たり前のように思えますが、リンクをコピー&ペーストしたり急いで作業しているときなど、うっかりミスをしがちです。

  • 公開前に新しいプラグインやテーマをテストしてください

ステージングサイトをお持ちの場合は、そちらをご利用ください。まず新しいプラグインやテーマをステージングサイトにインストールし、ブラウザのコンソールを開いて混合コンテンツ警告がないか確認します。本番サイトに影響が出る前に問題を発見すれば、後々のトラブルを大幅に回避できます。

  • テーマファイルには相対URLを記述してください

テーマのカスタマイズやカスタムコードの追加時には、https://yoursite.com/wp-content/image.jpg のような完全なURLをハードコーディングしないでください。代わりに、/wp-content/image.jpg のような相対パスを使用してください。

ブラウザはページが使用しているプロトコルを自動的に使用するため、これらのリンクを再度更新する必要は一切ありません。

  • コンテンツセキュリティポリシーを設定する

より高度な設定に慣れている場合、CSPヘッダーは安全策として機能します。非セキュアなリクエストを自動的にHTTPSへアップグレードするよう設定できるため、古いHTTPリンクが誤って使用されても、ブラウザは安全に読み込みます。

よくある質問 (FAQ)

WordPressでSSLの問題を修正するにはどうすればよいですか?

最も一般的なSSLの問題は混合コンテンツエラーです。Really Simple Securityのようなプラグインを使用するか、データベースの検索と置換を実行して、サイトのアセットがすべてHTTPS経由で読み込まれるようにすることで修正できます。

WordPressでカスタムCSSが読み込まれないのはなぜですか?

お使いのブラウザは、HTTPSページ上でHTTP経由でスタイルシートが呼び出されているため、おそらくそれをブロックしています。ブラウザの開発者コンソールを開いて確認し、スタイルシートのURLをHTTPSを使用するように更新してください。

Apacheにおける混合コンテンツエラーとは何ですか?

エラーは実際にはApacheに起因するものではなく、ユーザーのブラウザによって検出されます。Apacheは単にファイルを提供しているだけで、問題はWordPressのデータベースやテーマファイル内に存在し、そこには古いHTTP URLがまだ残っているのです。

最適なSSL混合コンテンツチェッカーはどれですか?

お使いのブラウザに組み込まれた開発者ツール(コンソールタブ)が最も正確な選択肢です。問題の原因となっているリソースを正確に表示してくれるためです。簡単な概要を確認するには、Why No Padlockのようなオンラインツールも利用できます。

安全なWordPressサイトをお楽しみください

あの緑の南京錠は単なる装飾ではありません。訪問者に接続が安全であり、あなたが彼らの安全を真剣に考えていることを伝えています。

混合コンテンツエラーの根本的な問題は常に同じです:データベースやファイルに潜む古いhttp://のURLです。それらを特定して更新すれば、問題は完全に解決されます。

プラグインの簡単な修正を選択した場合でも、データベースの完全な置換を行った場合でも、サイトはセキュリティ警告なしで完全にHTTPS経由で読み込まれるはずです。

最後に一つアドバイスを:このような技術的な作業(特にデータベースに触れる作業)を行う前には、必ず確実なバックアップを取っておいてください。

Duplicator Proなら、完全なサイトバックアップを数分で作成できます。トラブルシューティング中に問題が発生しても、ワンクリックで完全復元が可能です。

クライアントのサイトで作業する際、何度も使ってきた。計画通りに進まなくても、いつでもロールバックできるからね。

さあ、安全なサイトをお楽しみください。その鍵マークはあなたが勝ち取ったものです!

ここにいる間、私はあなたがこれらの他の厳選されたWordPressリソースを気に入ると思います:

著者アバター
ジョエラ・ダン コンテンツライター
ジョエラはWordPressで長年の経験を持つライターです。Duplicatorでは、基本的なバックアップから大規模な移行まで、サイトのメンテナンスを専門としています。彼女の最終的なゴールは、あなたのWordPressウェブサイトが安全で、成長できるようにすることです。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。