Chrome 非SSLサイト

WordPress

[WordPress] ロリポップの独自SSLは無料で設定できるが、WordPressサイトをHTTPS(SSL)化するにはもっと作業が必要だった

こんにちは。
@OfficeTAKUです。

サイトをSSL化しなければいけない、という話しはなんとなく目にし耳にしていました。

このサイトの大家さんである、ロリポップさんでは、無料(現在の契約プラン料金のまま)でSSL化できます。

なんと、一年前にそのアナウンスがでておりました。

ロリポップ レンタルサーバー側でのSSL設定はとても簡単。
管理画面(ユーザー専用ページ)で、現在あるサイトにチェックを入れて、ボタンをポチッと押すだけです。
私も流石にそれはしてありました。
ロリポップ レンタルサーバーの詳細はこちら

Google ChromeではHTTPS通信になっていないとどのように表示されるか

ところが、先日、Google Chrome がアップデートし、SSL化されていないサイトは、アドレスバーの横に「保護されていない通信」と表示されるようになりました。

Google Chrome の アップデートの確認方法は下記の記事を参照してください。

このサイトの場合、

https://office-taku.com/ でアクセス

「保護されていない通信」と表示されます。
Chrome 非SSLサイト
さらに、そのボタン(サイト情報の表示)をクリックすると、「このサイトへの接続は保護されていません。」と表示されます。
中の文言を読むと、ちょっと恐ろしい! 早く対策とらなきゃ、って思います。
Chrome 非SSLサイト

https://office-taku.com/ でアクセス

「保護されていない通信」は消えますが、サイト情報の表示ボタンをクリックすると「このサイトへの接続は完全には保護されていません。」と表示されてしまいます。
Chrome 不完全なSSLサイト

ロリポップサーバー側での設定と、WordPressの設定でURLを書き換えるだけではだめなのです。

WordPressを常時SSL化する手順(ロリポップの場合)

あわてて調べたら次のような手順で作業を進めないと行けないようです。

  1. ロリポップサーバー側でSSLを有効にします。
    これはほんと簡単です。
  2. WordPressのバックアップをとります。
  3. WordPressの設定で、URLをhttps:// 〜 に変更
    私の場合だったら、https://office-taku.com/ となっていたのを、https://office-taku.com/
  4. 今までの記事の中に挿入した画像や自分の他の記事へのリンクを https://〜 に全て変更
    これには、Search Regex というプラグインを使うと便利とのこと。
    これは記事がたくさんある場合は注意して進めないといけないです。なのでバックアップは忘れずに。
  5. リダイレクトの設定 これは、今までの https:// 〜でアクセスしてきたものをhttps://〜 で表示するため
    これは、.htaccess ファイルを書き換える必要があります
  6. Google Analytics など関連する各種サイト、ツールの諸々の変更

けっこう手間がかかります。
プラグインを使うにしろ、URLの書き換えで全く見られなくなる危険性もあるわけで、バックアップして慎重にしていかなければなりません。

なんで、もっと早く気づかなかったんだ、俺!と、頭を抱えました。

まずは、自分のこのサイトからはじめ、管理させて頂いているみなさんのサイトをしっかりとHTTPS化し「保護された通信」と表示されるように頑張りたいと思います。

わが大家さん、ロリポップさんはSSLの機能を無料で提供してくれているので、ほんとうにありがたいです。
そうしないと、少なくとも月3,000円位〜の費用がかかってしまいます。

またロリポップはユーザーも多いので、今回のSSL化の件にしても多くの方が情報を書いて下さっています。
ほんとうに助かります。
今回参考にさせて頂いたサイトは下記の通り。

みなさんも、もし、レンタルサーバーを借りて自分でサイトを運営したいと思ったら、最初はロリポップさんがおすすめですよ。
ロリポップ レンタルサーバーの詳細を見る

Mac 版 の Chromeで更新・バージョンの確認をする手順Google Chrome の 更新・バージョンの確認方法前のページ

プリンター ブラザー DCP-J973N 導入記。お手頃価格でセッティングも取り扱いもかんたんです。次のページブラザー DCP-J973N インクのセット

ピックアップ記事

  1. 【レビュー】これはおすすめ!13インチ MacBook Pro にぴったりな I…
  2. 公認会計士と司法試験/予備試験合格の勉強のプロが教えてくれる「メモリーツリー」勉…
  3. 災害時に役立つTwitterアカウント、情報サイト等まとめ
  4. Amazonプライム・ビデオで今見ておくべき作品
  5. 話題のDeepL翻訳はアプリをインストールするとより便利

関連記事

  1. WordPress

    Web

    WordPress : 「Facebook Comments for WordPress」のエラー

    以前のエントリ「Facebook : Facebookページのコメント…

  2. WordPress

    Wp Super Cashe を 有効化すると「警告! PHPセーフモードが有効になっています」

    ここ最近、複数のサイトをWordPressに移行したり、いままであまり…

  3. Web

    [WordPress] ログイン履歴を記録してくれるプラグイン Crazy Bone を導入してみた…

    こんにちは。しょっちゅうパスワードを忘れてしまう @OfficeT…

  4. Photo by Hannes Wolf on Unsplash
  5. WordPress

    WordPressサイトで突然HTTP500エラー

    こんにちは。@OfficeTAKUです。WordPress…

  6. WordPress

    Web

    WordPress : カテゴリによって異なるランキングバナーを表示させる

    ブログランキングサイトに登録したままでほったらかし状態です。「…

LINE公式アカウント:OfficeTAKU

OfficeTAKU Line公式アカウントバナー

最近の記事

  1. One by Wacom small

人気の記事

  1. 日商PC検定
  2. ロジクール MX KEYS(MAC用)
  1. Hard・Acc

    micro:bit (マイクロビット) とは?プログラミング初心者でも楽しめる可…
  2. Hard・Acc

    プログラミング超初心者のための用語解説「シングルボードコンピュータ」
  3. Canva

    WebService

    これはおすすめ! Canva:ブログやSNSのヘッダ画像など、かんたんに、かっこ…
  4. Instagram(インスタグラム)へMacのブラウザSafariから投稿する方法

    Web

    Instagram(インスタグラム)へMacのブラウザSafariから投稿する方…
  5. WebService

    【初心者・シニアのためのVOD入門】お家で映画三昧!休みは動画配信サイトのお試し…
PAGE TOP