Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

東京・女性のための写真教室・美食同源

マンツーマンで学べる!フォト&ホームページ作成講座

ワードプレスで作ったホームページのSSL化設定方法




Googleは、2018年7月にリリースされる Chrome 68 から全HTTPページに「保護されていない通信」ラベルを常時表示するとアナウンスしました。

今までは、上のようなiマークをクリックしたら、その詳細で「保護されていない通信」と表示してきたのですが、今後は全て表示になってしまいます。

ロリポップ!サーバーでは、無料で独自SSL証明を取得できます。ただ、それを申請すれば、自動的に全てのHTTPがHTTPSに変更されるかというとそうではありません。いくつか設定しないといけないので、その設定方法についてやり方をお伝えしたいと思います。

所用時間は1時間程度で完了(ロリポップ!での申請期間含めず)します。

この手順通りにやっていただければ、問題なく設定完了します。
ですが、FTPサーバー内をいじったりしなくてはいけないので、ちょっと不安な方もいらっしゃるかと思います。
怖いな〜とか、面倒臭いな〜と思われる方は、プライベートレッスンをご利用くださいね。

▶︎▶︎▶︎マンツーマンレッスン:はじめてさんのワードプレスでホームページ作成講座

 

ロリポップ!サーバーでの設定:独自SSL証明(無料)の申請をしよう

まずは、ロリポップ!へアクセス。
セキュリティの中に独自SSL証明とあるので、そこをクリックすると、保護されていないドメイン一覧表が表示されます。該当するドメインをクリックして、申請しましょう。

なお、承認までには1日程度かかります。

ワードプレスの設定:一般設定

次にワードプレス側でも設定をしていきます。
管理画面からログインして、外観→一般で、上記のようにhttpsに変更してください。これによって、今後、管理画面(ログインする画面ね)もhttpsの画面に自動的に切り替わります。再ログイン画面が表示されますので、必ずその画面をお気に入り登録しなおしましょう!

ワードプレスの設定:写真などのリンクアドレスを置き換えるプラグインをインストール

プラグイン→新規追加で「Search Regex」を検索、インストールしてください。有効化もお忘れなく!

次に、サイドバーのツール→Search Regexで、設定画面を開きます。

上記のように、http から https へ置き換わるように入力して、search その後、replace & save で保存します。
これで、サイト内のすべてのリンクアドレスが置き換わりました。

ですが、注意点があります。

トップページの個別設定&ウィジェットのリンクアドレスはすべて手動で行う必要があります。上記のプラグイン、とっても優秀なのですが、さすがにそこまではできないみたい。

写真もリンクアドレスが付いていますので、差し替えが必要な場合があります!

これはもうGoogleで自分のトップページのサイトを表示させ、「保護された通信」と表示されるまで、頑張るしかありません。どこかの何かのリンクアドレスが依然として「http」になっているから「i」マークのままになってしまうのです。原因をコツコツと探しあてましょう〜。

ロリポップ!サーバーでの設定:HTTP から HTTPS への自動転送(リダイレクト)設定

さあ、ここまできたら、いよいよ最後の設定、リダイレクトです。訪問してくれる方がお気に入り登録してくれていて「HTTP」のアドレスをクリックしても、自動的にHTTPSのサイトを表示させる設定を行います。

サーバー内のデータに直接書き込むので、ちょっと怖いと思うかもしれませんが、勇気を出してやってみましょう!

ロリポップ!サーバーにログイン。サーバーの管理・設定→ロリポップ!FTPを開いてください。
その中のご自身のホームページを格納しているフォルダを開きます。名前がついていると思うので、レッスンで作成したホームページを作成した方は、ホームページの名前に近いものでフォルダ名を作っていると思います。それをクリックして開いてみてくださいね。

その中から上記の「.htaccess」をさらにクリックしてオープンします。

上記のコードを丸ごとコピーして、下記の場所に貼り付けてください。

最後に「保存」もお忘れなく!!

これで、リダイレクト完了です。
試しに「http:自分のドメイン名.com」とGoogleに入力すると、自動的に「https:自分のドメイン名.com」に転送されているはず。

頑張ってください!
そして、できそうにもない〜と思う方はプライベート・レッスンへどうぞ♪


業者さんに頼むと、お金ばかりかかるホームページ。
でも自分で作れば、好きなときに好きなようにカスタマイズ。

さらに自分で撮った写真を使えば、自分らしい個性豊かなホームページが完成!
ワードプレスは更新も簡単なので、ホームページ上でのブログやコラム発信もしやすいです。
全部自分で作りました!
▶︎▶︎▶︎ワードプレスでホームページ作品集
自分のペースで学ぶ!
▶︎▶︎▶︎マンツーマンレッスン:はじめてさんのワードプレスでホームページ作成講座
短期集中で開業準備ぜんぶOK!マンツーマンレッスン受け放題
▶︎▶︎▶︎3ヶ月フリーパス制!ワードプレスでホームページ作成講座

最新記事

土地と風水

土地と風水

More