トップページ SSL化されていない

WordPress

[WordPress] ロリポップ無料独自SSL設定してみましたが…

こんにちは。
@OfficeTAKUです。

WebサイトのSSL化、気になっていながら放ったらかしにしておりました。
以前、気づいて記事にしたのが2018年7月のこと。

月日の流れは早い、しっかりとスケジュール立てて物事を進めないとズルズルといってしまいます。
いつものパターンなので、今年はそんなこと無いようにしたいと思います。

今回、自分のサイトいくつかが完全にSSL化しました。
すべてサーバーはロリポップで、無料のSSLを利用させてもらっています。
サイトはすべてWordPressで構築。

前回の記事と重複しますが改めて今回の作業の手順を記しておきます。

ロリポップ レンタルサーバーの詳細はこちら

ロリポップ・WordPressでのSSL化手順

SSL化前
手順は下記の通り。

  1. ロリポップサーバー側でSSLを有効にします
  2. WordPressのバックアップをとります。
  3. WordPressの設定で、URLをhttps:// 〜 に変更
  4. 今までの記事の中に挿入した画像や自分の他の記事へのリンクを https://〜 に全て変更
    プラグインSearch Regex を使用。
  5. http://からhttps://へのリダイレクトの設定
  6. Google Analytics など関連する各種サイト、ツールの諸々の変更

ロリポップサーバーの無料独自SSLの有効化

ドメインを選択してボタンを押すだけなので簡単です。

  • ロリポップのユーザー専用ページへログイン
  • [セキュリティ]−[独自SSL証明導入]へ進む
  • ドメインごとに[独自SSL(無料)を導入]ボタンをクリック
    ロリポップ無料独自SSL

有効化されるまでしばらく時間がかかります。

バックアップをとる

念の為、バックアップを撮っておいた方がよいと思います。
私は面倒なのでバックアップオプションを申し込んでいますので、簡単、安心。

WordPressの設定でhttps://に書き換える

これも s を追加してやるだけなので簡単です。

  1. WordPressにログイン
  2. [設定]-[一般]をクリック。
  3. [WordPress アドレス (URL)]と[サイトアドレス (URL)]の http:// を https:// に書き換える
    WordPress一般設定画面
  4. [変更を保存]ボタンをクリックする

プラグインSearch Regex を使用しリンクURLを書き換える

挿入した画像、記事内の内部リンクを https://  に書き換えます。

  1. プラグイン Search Regex をインストールし有効化します。
    WordPress プラグイン追加
  2. [ツール]-[Search Regex] をクリック
  3. [Search pattern] に 「http://xxxx.com/」
    [Replace pattern] に 「https://xxxx.com/」
    のように入力。その他はデフォルトのままでOK。
  4. [Search]ボタンを押すと結果が下に表示されます。
  5. [Replace&Save]ボタンを押します。
  6. 完了すると上部に件数と置換されたとの結果が表示されます。
    WordPressプラグイン Search Regex

注意点としては、

  • 記事が多くリンクの数が多い場合は、検索結果が表示されず真っ白な画面になることがある
  • 検索結果が表示されても、[Replace&Save]ボタンを押した後にメモリエラーで置き換えられないことがある

という点。
そうした場合はディレクトリを区切るなどして分けて操作するなどが必要。
対処方法については下記の記事を

SSL化 記事数が多くて「Search Regex」の一括変換に失敗する場合の対処法 | IT便利帳
https://itbenricho.com/ssl-search-regex-kijisu-ooi.html

Search Regex の各設定項目の意味などは下記のサイトの記事がわかりやすいです。

Search Regexプラグイン(記事やコメント内容を一括置換) – WordPressプラグインの一覧
https://www.adminweb.jp/wordpress-plugin/operation/index27.html

http://からhttps://へのリダイレクトの設定

ロリポップFTPなどで .htaccess ファイルにリダイレクトのコマンドを書き込み保存します。

下記の記事を参考にさせていただきました

ロリポップ無料独自sslの設定方法!ワードプレスHTTPS化(常時SSL化) | 仕方ぼっち
https://1bocci.com/lolipophttps

Google Analytics など関連する各種サイト、ツールの諸々の変更

Google Analytics

【完全版】ロリポップで無料の独自SSLを設定する方法!WordPressやサーチコンソールのSSL対応方法も解説 – TOMATO MAGAZINE
https://tomato-code.com/1754/

問題点

今回処理したサイトの中で、肝心のメインのこのサイトだけが完全にSSL化されていません。

個別の記事ページやカテゴリー別のページは問題ありません。
個別の記事ページ SSL化されている
サイトのトップページ、固定ページを表示すると i マークが表示されてしまいます。
トップページ SSL化されていない

ちょと検索したところ、上手くいかない例としては、プラグインの可能性 或いは ウィジェットの可能性などが考えられそうです。
しかし、固定ページ以外は問題ないことからプラグインはあまり考えられないのでは? と思います。

しばし探ってみたいと思います。

※ 2019年1月12日追記:原因判明しました!

WordPressを使うならロリポップ!
簡単インストール完備で楽々スタート!

Photo by Marvin Meyer on Unsplash【Office】 ExcelやWordを使うならこれだけは知っておきたい Office 365 と Office 2019やOffice 2016 の違いについて前のページ

[WordPress] 「このサイトへの接続は完全に保護されていません」というメッセージが表示されてしまう!SSL対応を阻害していた原因判明次のページ

ピックアップ記事

  1. Amazon Alexa で Apple Music 再生 してみました
  2. 【Instagram】iPhoneアプリ版インスタグラムアカウントを非公開アカウ…
  3. [レビュー] リンダ・リウカス『ルビイのぼうけん こんにちは!プログラミング』:…
  4. プリンター ブラザー DCP-J973N 導入記。お手頃価格でセッティングも取り…
  5. 災害時に役立つTwitterアカウント、情報サイト等まとめ

関連記事

  1. WordPress

    Web

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

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

  2. WordPress

    写真サイト「Scenery in Okyouduka 御経塚通信写真部」を再開しました

    こんにちは。@OfficeTAKUです。しばらく更新を休ん…

  3. Web

    [WordPress] Jetpackでブログの更新情報をFacebook、Google+、Link…

    こんにちは。@OfficeTAKUです。ブログ記事の更新情…

LINE公式アカウント:OfficeTAKU

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

最近の記事

日比谷花壇_毎月楽しむお花のある暮らし特集

人気の記事

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

    2020年プログラミング教育必修化が不安!!というお母さんお父さんに伝えたいこと…
  2. Photo by Marvin Meyer on Unsplash

    MS Office

    【Office】 ExcelやWordを使うならこれだけは知っておきたい Off…
  3. マンガ『スティーブズ』

    電子書籍

    [KIndle] Appleの創始者である2人のスティーブを描いた漫画『スティー…
  4. Photo by rawpixel on Unsplash

    Security

    【注意!】 三井住友銀行や株式会社アドマックを騙るフィッシン詐欺スパムメールがま…
  5. Security

    [Instagram] インスタグラムで勝手にレイバンサングラスの投稿がされたら…
PAGE TOP