<>

SSL取得後の【サイト内のURL変更】と記事に貼り付けた【URLを置換】する方法

SSL証明書を取得し WebサイトのURLを http://~ から https://~ へ
設定したあとにも いくつかの設定をする必要があります。

ひとつは 常時SSL化 といって こちらについては
証明書の取得のしかたのページでごあんないさせて頂きました。
無料SSL証明書の取得と常時SSL化の設定のしかた【エックスサーバー】

これ以外にも必要な項目があり、設定をしなければ SSLが機能せずに
保護されていない通信のままになってしまう可能性があります。

WordPress サイトの URLの変更

WordPressサイトの 管理画面上に このような警告の表示が現れます。
wordpress管理画面 - SSL取得後に表示される URLの変更警告文のイメージ画像
レンタルサーバー内でSSL設定をしても WordPress内で設定したURLは http:// のままです。

サイト画面では鍵のマークが表示されますが、
管理画面内のURLhttp://●●●.net/wp-admin/~ という状態で
保護されていない ねじれた現象になっていますので " s " を追加し 修正してあげます。

また、この変更を行うことで アップロード済み画像URL自動的に https://~ に変更されます。

ダッシュボードから 一般設定へ移動 - アドレス(URL)を書き換える
変更は ダッシュボード画面から 設定 >一般 を開きます。
WordPress アドレス (URL) とサイトアドレス (URL) の変更していきます。
こちらの URL に s を付けて変更の保存をしてください。

これで管理画面でも 鍵のマークが表示され すべての記事のアドレスと
メディア保存されている 画像URLが https://~ に変更されました。

画像のURLの変更プラグイン -Search Regex –

先ほどは Webサイトの 記事やメディアの データ情報に関するURLの変更でしたが
すでに 記事内に貼り付けた 画像のURLや  内部リンクなどは http://~ のままです。

ページ内に http:// ~ と https:// が混在している状態だと
SSL機能が機能しないケースがありますので これも必ず修正する必要があります。

すべての投稿記事をチェックして 画像を置き換えるという作業はとても大変ですので
プラグインを利用して 変更したいURLなどを 検索し置換 していきます。
Search-Regex-プラグインのインストール画面
現在使用中の WordPress のバージョンで未検証 と表示されてしまいましたが
検証してみましたところ、無事にプラグインを利用することができました。

インストールに関する注意

【インストールできません】などの 警告文が出ても プラグイン画面に 追加済みの場合もあります。
また、インストール自体ができない場合は WordPressをバージョンアップするなど
試してみてください。

Search Regexの インストールと使い方

SSL取得前に記事に追加されたメディア画像URLのイメージ
プラグインの検証のために かんたんな記事を作ってみました。
パーマリンクには https://~で表示されていますが 記事内の画像の URLは http のままです。

すでに記事に 追加されている画像はこのように変換されていない状態です。
これを Search Regex を使って置き換えていきます。

Search-Regex 編集画面へのアクセス- 管理画面のツール項目から Search-Regex を選択
インストール >有効化したら ツールSearch Regex を開きます。

Search-Regexの使い方-検索と置換えの使いかたイメージ画像

使いかたは簡単です。
Source  > 検索したいコンテンツを指定します。今回は Post content (投稿コンテンツ) 記事内の画像URLの変更です。
Search pattern検索パターン  変更したい 現在のURLを入力
Replace patternパターンを置換え  新しいアドレスを入力

Search-Regexの使い方-キーワードパターンから検索し リストアップされた記事タイトルとキーワード表示の画像
Search  ボタンをクリックすると検索キーワードと同じURLがリストアップされます。
先ほどのテストページ  プラグインのテスト 記事の画像がリストアップされました。
これらを置換えする場合は Replace & Save をクリックで完了です。

【サイトで技術的な問題が発生しています】のメッセージ

未検証のバージョン ということもあってなのか 使用時に 重大なエラーという警告メールが届きます。

初めはびっくりしましたが 問題なく変換出来ていていますし、他のページにも 特に何のエラーもなさそうです。
検証済みであれば より安心して使用できるのですが 他に代わるプラグインも探せていないので そのまま使用しています。

投稿の編集画面で 保護されていない通信

投稿一覧から記事を選択し、投稿の編集をしますが
この画面だけ【保護されていない通信】と表示されてしまいました。
保護されていない通信の詳細画面 - 投稿画面今回のケースは 画像に対する警告のようですが、画像もすべて問題はありませんので
考えられるのは Search Regex によるエラーかもしれません。

いろいろ調べてみましたが、難しいことをしなくてもいい解決方法は、
一度 この投稿記事を ゴミ箱に移動 してしまいます。

記事が消えてしまうのが怖い!!と、思われる方は 丸ごとコピぺして
新規記事として作成しなおす。という方法もあります。

私の場合、この方法で解決しました。
ダッシュボード画面でも きちんと保護されているページになっている方が
安全ですので、どれかの方法で改善されることをおすすめします。


以上、SSL設定後も 保護されていないと表示される理由と改善方法 でした!