ワードプレスのブログをSSL化(HTTPS化)するための方法!

922334 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

SSL化とは何だろうと思うかもしれません。

SSL化というのは、簡単にいうと【 http://◯◯◯◯ 】のアドレスのホームページを【 https://◯◯◯◯ 】でも見ることが出来るようにすることです。

 

 

今のあなたのブログを GoogleChrome で見ると、【保護されていない通信】という 表記になっていると思います。

 

4459bab86a996054fcd653602237d457 1024x331 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

これが表示されている時は、SSL化出来ていない状態です。

例えばあなたが訪れたブログに、【保護されていない通信】と表示されていたら...
「保護されていないって、このブログ大丈夫かな...」と心配になり、離脱してしまいますよね。

 

この記事で行うSSL化を行うことで、【保護されていない通信】【鍵マーク】に変化します。

ed59ba73c0d383f43a7a1324a55652e0 1024x685 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

SSL化は3段階で行います。

  • レンタルサーバーでの設定
  • WordPressでの設定
  • 利用するテーマでの設定

 

これらを1つずつ順に行っていきましょう!

 

レンタルサーバー(エックスサーバー)でのSSL化設定

SSL 設定は、エックスサーバーの「サーバーパネル」で設定します。

エックスサーバーのトップページから、[ログイン][サーバーパネル]をクリックします。

 

dbee213469ad91b15d8da4334dd95996 1024x297 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

ログインページが表示されるので、サーバーID とサーバーパスワードを入力します。

※サーバ ID とサーバーパスワードはサーバー登録時の完了メールに記載されてます。
※インフォパネルへのログイン情報とは別の ID&パスワードです。

 

60153321d63f95989f4b5bf0fa50f086 1024x553 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

 

サーバーパネルでのSSL設定

エックスサーバーのサーバーパネルにログインすると、サーバーパネルが開きます。

サーバーパネルのドメイン欄で [SSL 設定]をクリックします。

 

cf7f135eac4b9f326875de3f9918f231 1024x355 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

SSL を設定するドメイン名の欄で、【選択する】 をクリックします。

 

732b79e3a80e9d6f9baab58f962992ff 1024x359 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

SSL 設定の一覧が表示されるので、【独自 SSL 設定の追加】のタブをクリックします。

 

9595e2da9bebf512e10191cbae221c9d 1024x620 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

設定対象のドメインを確認し、[独自 SSL 設定を追加する(確定)] をクリックします。

 

81c06e19bc82edad4f4cdec73b33cb83 1024x575 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

「SSL 新規取得申請中です。しばらくお待ちください」と表示されるので、しばらくこのまま待ちます。(数分程度かかります)

 

607dbdcd8c1602267702ac9ed7162092 1024x618 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

設定が完了すると、設定を追加しましたと表示されます。
※なお反映までには最大1時間かかります。

 

59a9d9c493796b113a0bd87d07584545 1024x390 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

サーバーパネルの SSL 設定画面に戻ると、独自 SSL の欄に「1個」の表示が確認できます。

 

2337e5e5dd5f905ad1f7d34190c023c2 1024x366 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

 

ブラウザでの表示確認

設定後 1 時間を経過したら、ブラウザで【https://◯◯◯◯.◯◯◯】(自身のブログのURLを入力)での表示を確認します。

 

07fee4700ce01aab87b65eda6bb84750 1024x421 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

なお、サーバー設定をしてから、設定が反映されるまでには数十分〜1時間程度かかります。
設定が反映されていない間は、エラー画面が表示されます。

無事、ブログ画面が表示されればサーバ設定は完了です。

 

WordPressでのSSL化設定

Worepress での設定は、上記のサーバー設定が完了していることを確認後実施します。

WordPress の左メニューから[ 設 定 ]>>[ 一 般 設 定 ]をクリックします。

 

4895971fb2525ad0f3eec72c9f5fa7d8 1024x724 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

一般設定の画面が表示されるので、WordPress アドレス(URL)サイトアドレス(URL)欄を変更します。

WordPress アドレス:https://ブログのアドレス(WordPress インストール時に入力済み)

サイトアドレス:基本上と同じもの

※http://→→→https:// に変更します。
※https://に変更するには、サーバーの設定で SSL 化の設定がされていることが必要です。

 

 

<変更前>

167642178f4df342feafba2a96902090 1024x481 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

<変更後>

448efa2a18638b71aa0a57aa8e9aa19d 1024x507 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

これで WordPress の設定は完了です。

 

テーマでのSSL化設定

次に例として無料テーマ「Cocoon」の設定画面での設定です。

※テーマによっては無い場合があります。

無料テーマCocoonについてはこちらの記事を参考にしてください。

 

ワードプレスのテーマ(テンプレート)とは? 有料テーマ・無料テーマの違い

 

 

ダッシュボートのサイドバーで [Cocoon 設定]をクリックします。

 

cf36004ac42b02ec661853a26b0dc800 1024x682 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

  1. Cocoon 設定の一覧で[その他]のタブを選びます。
  2. 簡易 SSL 対応の欄で[内部 URL を SSL 対応(簡易版)]のチェックを入れます。
  3. [設定をまとめて保存]をクリックします。

 

 

75f7b71e45ebf33f3e0946f6359ebadf 1024x650 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

66e25173023c6c5f2e06123a68fe50cf 1024x265 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

これでテーマの設定は完了です。

 

リダイレクト処理

リダイレクトとは簡単にいうと「転送」することです。

 

例えば、現状だともしあなたのブログに、「http://〜〜〜」と入力してアクセスした人が来たとすると、そのまま『http://〜〜』のアドレスにアクセスすることになります。
こうなると、せっかく設定したのに【保護されていない通信】が、ユーザーに表示されることとなります。

 

そのため、「http://〜〜」でアクセスしてきた人を、自動的に「https://〜〜」に転送する必 要があります。これが、リダイレクト処理です。

 

 

エックスサーバーのサーバーパネルで設定する

初心者の方でエックスサーバーを利用している人はエックスサーバーのサーバーパネルを利用する方法をおすすめします。FTP ソフトも不要で、簡単に行えます。

 

まず、エックスサーバーのサーバーパネルにログインします。

 

ログインページが表示されるので、サーバーID とサーバーパスワードを入力します。

※サーバ ID とサーバーパスワードはサーバ登録時の完了メールに記載されてます。
※インフォパネルへのログイン情報とは別のID&パスワードです。

 

8663f94599609ad7c14fd32f522eb10a 1024x556 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

サーバーパネルが表示されるので、「ホームページ」欄の [.htaccess 編集]をクリックします。

 

3108fa11fca3da7670837b26882b45ba 1024x943 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

設定するドメイン名を選択します。

 

134129a07221a979809977c1859fd2e1 1024x386 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

注意喚起の画面が出るので、[.htaccess 編集]のタブをクリックします。

 

83edcc56945bc85b8d73b73fa5c34174 1024x570 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

「.htaccess」のファイル内容が表示されます。

 

90a76d5ca16a48dd5135c6c0ccd4d517 1024x790 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

現在入力されている内容の上部に以下の文字を入力します。
※この5行分をコピペして利用してください。

 

e0cb53c5100246fda15428d9ecaaef0e 1024x423 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

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

</IfModule>

 

 

 

入力後は以下のような表示となります。

 

 

05554289917594f70fdd209baa538de1 1024x823 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

設定完了後、[.htaccess を編集する(確認)]をクリックします。

「戻る」と「実行する」のボタンが表示されるので、[実行する]をクリックします。 「.htaccess を編集しました」と表示されれば、変更完了です。

 

98ab1593686f33538647ca30d7feceba 1024x333 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

 

リダイレクトの確認

 

ブラウザのアドレスバーに「http://◯◯◯」のアドレスを入力し、enter(Mac は return)ます。

 

f746ce56eb4016253b3175b19b2465be 1024x181 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

「https://◯◯◯」のアドレスに置き換わって表示されます。

 

34fccab56790db29908ce6e1722a189b 1024x174 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

 

まとめ

SSL化の設定はこれで完了です。

SSL化の設定は3段階ありましたね。

 

  • レンタルサーバーでの設定
  • WordPressでの設定
  • 利用するテーマでの設定

 

ここまでSSL化の手順を解説してきましたが、少し難しい部分もあったかもしれません。
ですが、ゆっくりで良いので手順どうりにやっていただければ、必ずあなたにも出来ます。

 

http を https にする方法が分からずにめちゃくちゃ調べてた昔の僕でも出来ましたから、あなたはそんな手間をかけず、ぜひこの記事を見ながらやってみてほしいと思います。

 

コメントフォーム

名前

メールアドレス

URL

コメント

トラックバックURL: 
ブログ・メルマガアフィリエイトを始めるなら

アンリミテッドアフィリエイト2.0

ブログ・メルマガアフィリエイトを始めるなら初心者でもこの教材1つあれば十分です。

レビューはこちら

プロフィール
IMG 1477 - ワードプレスのブログをSSL化(HTTPS化)するための方法!

名前:としなり

映画鑑賞と旅行とバスケが好きな20代。

大分県出身在住、田舎に住んでいる副業サラリーマン。

何もないただの平凡な学生だったある日、会社に雇われることに恐怖を覚えた。雇われて生きる人生が嫌でたまらなくなり、自由を求めインターネットを使いアフィリエイトというビジネスを始める。

副業から始め、最終的に脱サラを目指すために頑張っています。

 

アフィリエイトで稼ぐためのノウハウ、考え方などを、ブログ、メルマガ、SNSで発信していきます!

➡︎  詳しいプロフィール

➡︎  実績一覧

人気の記事
アンケート
カテゴリー
過去の記事
メールを送る
post tegami toukan - ワードプレスのブログをSSL化(HTTPS化)するための方法!

ご質問、ご相談などお気軽にメールしてください

メールフォームは画像をクリック!

Twitter
サイト内検索

ページの先頭へ