fbpx
トップページ 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を使うならロリポップ!
簡単インストール完備で楽々スタート!

ピックアップ記事

  1. 災害時に役立つTwitterアカウント、情報サイト等まとめ
  2. [レビュー] Lenovo Ideapad 520 スタンダードな充実ノートパソ…
  3. 忙しい朝もコーヒーは欠かせない!お湯を沸かすのすら面倒な人におすすめ!ネスカフェ…
  4. 机からケーブルを落とさない NuAns WORKLIFE FOLDKEEPER …
  5. [Amazon] アマゾンで「NHKこどもパーク」開始!月額390円で「ワンワン…

関連記事

  1. WordPress

    Web

    WordPress : SyntaxHighlighter Evolved が機能しない…

    WordPress 便利なのですが、やはりちょっとしたところでつまづく…

  2. Chrome 非SSLサイト
  3. 『.htaccess』によるログインページ(wp-login.php)へのアクセス制限
  4. WordPress

    WordPress,XAMPP,Mac OS X,ロリポップ

    今回、このサイトを構築するに当たって、MacBook、OS X 10.…

  5. WordPress

    Web

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

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

最近の記事

  1. Photo by Estée Janssens on Unsplash
  2. Photo by rawpixel on Unsplash
  3. Photo by rawpixel on Unsplash
  4. Photo by rawpixel on Unsplash

人気の記事

  1. Photo by Marvin Meyer on Unsplash
  2. Photo by freddie marriage on Unsplash
  3. MOS対策テキスト
  4. Photo by rawpixel on Unsplash
  5. Photo by JESHOOTS.COM on Unsplash
  1. iOS

    [iPhone] AirDropで写真を共有しようとしたら、AirDropがみ…
  2. Security

    [iPhone] メッセージに「タカヒロ」Ta-KA-1208…からの迷惑メール…
  3. Photo by Perfecto Capucine on Unsplash

    電子書籍

    [Kindle] 電子書籍リーダー Kindle Paper White が防水…
  4. Webサービス

    [Amazon] AlexaがUruさんを認識してくれないのでフィードバックを送…
  5. Lenovo Mirage Camera with Daydream

    ハードウェア

    [レビュー] 手軽にVR動画を撮影できる Lenovo Mirage Camer…
PAGE TOP