トップページ 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. [レビュー] レノボ 「TAB4 8 Plus」 画面が美しく動画もマンガも満喫…
  2. [PPT] あなたのPowerPointプレゼンテーションを劇的に変えてしまうで…
  3. 法定相続情報一覧図の作成や申出のポイントについてまとめ
  4. 【iPhone】音声読み上げを利用する方法
  5. 忙しい朝もコーヒーは欠かせない!お湯を沸かすのすら面倒な人におすすめ!ネスカフェ…

関連記事

  1. Web

    WordPress:Instagramの写真を表示するプラグイン 「Instagram Embed」…

    こんにちは。写真、撮られるのは嫌いだけど撮るのは好きな@OffieTA…

  2. WordPress

    Web

    WordPress HTMLタグの入力を楽にする「Wp Zen Coding」プラグイン

    ブログの記事を欠く時、タグの入力とか面倒なので以前はエディタで書いて貼…

  3. Photo by rawpixel on Unsplash

LINE公式アカウント:OfficeTAKU

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

最近の記事

  1. プレゼンテーション イメージ
  2. ビジネス統計スペシャリスト
日比谷花壇_毎月楽しむお花のある暮らし特集

人気の記事

  1. Surface Mobile Mouse
  1. Photo by JESHOOTS.COM on Unsplash

    Excel

    [Excel] エクセルで「名前」を使ってみよう! Vol.5 数式に[名前]を…
  2. Mac

    【Mac】音声読み上げを利用する方法
  3. Dudios Zeus Plus Bluetooth イヤホン

    ハードウェア

    [レビュー] Dudios Zeus Plus Bluetooth イヤホン試用…
  4. WordPress

    [WordPress] いまさらですが、ワードプレスで会話風吹き出しを簡単に作れ…
  5. Photo by JESHOOTS.COM on Unsplash

    WebService

    [Amazon] 30日間無料体験!最新アニメから懐かしのアニメまで豊富に揃って…
PAGE TOP