Blog

HOME > Web > Wordpress > プラグイン > 【WordPress】WPをhttpからhttpsにする方法（Xサーバー）

【WordPress】WPをhttpからhttpsにする方法（Xサーバー）

2018/07/03

Wordpress プラグイン JQuery htaccess

備忘録です。

「Chrome 68」から全HTTPサイトに警告表示へ--7月リリース
　Googleは、2018年中に「Chrome」ブラウザで、HTTPS暗号化を導入していないすべてのウェブサイトに「Not secure（保護されていません）」と表示することを明らかにした。
CNET Japan
https://japan.cnet.com/article/35114501/

皆さんご存知かと思いますが、上記のようなニュースがあり、当サイトもhttpsへ変更することにしました。
恥ずかしながら特に気にしていなかったのですが、他のメールニュースでも見かけることが多くなったため急遽対応することにしました。

当サイトはXサーバーを利用しており無料でSSLを使うことができます。
同様のサーバーを利用したサイトがあったので参考にしました。
参考サイト
WordPressをhttpからhttpsにSSL化した全手順まとめ（エックスサーバー環境）

流れは参考サイトとほぼ同じですが、若干困った点があったので追記しています。

まず、作業を始める前にDBとファイルのバックアップを取ることをお薦めします。

■XサーバーSSL設定の流れ

サーバーパネルのSSL設定をクリック

XサーバーSSL設定の流れ

ドメインを選択」

XサーバーSSL設定の流れ

独自SSL設定の追加画面で対象ドメインを確認後、「独自SSL設定を追加する（確定）」ボタンをクリック

XサーバーSSL設定の流れ

XサーバーSSL設定の流れ

画面が変わったら設定完了

XサーバーSSL設定の流れ

httpsでアクセスできるようなったら次の作業となります。
※読み込みに時間がかかりますので、気長にお待ちください。

■Wordpressの設定

httpをhttpsに変更して「変更を保存」

Wordpressの設定

■プラグイン「Search Regex」でURLを置換

プラグインのインストール、有効化については割愛します。

「Search Regex」を有効化するとツールに「Search Regex」メニューが表示されます。

Search patternに「http://www.***」を入力。Replace patternに「https://www.***」を入力して「Search」をクリックすると一覧が表示されます。

Search Regex

参考サイトでは置換するURLが3000くらいでしたが、私のサイトでは10000を超えていたためReplaceが使えませんでした。
仕方ないので、地道に4000ページほど手作業で置換して、残りが6000ページほどになったところでLimit toを「100」にして、Order Byを「Descending」にしてSearchところ、2400ほどになり、ここで一旦、Replace&Save。さらにLimit toを「No limit」、Order Byを「Ascending」にしてSearchしたら3600くらいになっていたため、再度Replace&Saveして完了しました。

Search Regex

■htaccessの編集

htaccessにリダイレクト用のコードを追記してください。

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} !=on [NC]
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>

■アフィリエイト広告の画像URL

httpsでアクセス後に警告が出るようでしたら、アフィリエイト広告の画像URLが原因と思われます。
こちらも一つずつ修正していけば大丈夫です。

■jQueryのトラブル

SSL化が完了してサイトチェックを行ったところ、jQueryが使えないことに気づきました。
多分、ここでお困りの方もいるかと思うので解決方法です。

参考サイト
“https” だと jQuery が動かない時には

解決方法は簡単でjQueryのhttpをhttpsに書き換えるだけです。

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js”></script>
//httpをhttpsに書き換えるだけ
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js”></script>

これでjQuery、javascriptの不具合は解決し、全て完了しました。

■追記：SEOに対する懸念

ご安心ください。httpからhttpsに変更してもリンク評価は変わりませんので対策の必要はありません。

参考サイト
【SEO】HTTPからHTTPSに移行してもリンク評価は下がらないことをGoogle社員が明言

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ