この接続は保護されていません」と表示されてログインできない。SSL化の手順ミスが原因

ログインしようとするとアドレスバーに「このサイトへの接続は保護されていません」と表示され、ログインできない状態でのご依頼です。

サーバーはロリポップ、テーマはLightning、WordPressバージョンは5.4でした。

原因

サーバー側のSSL設定を完了させる前に、管理画面からサイトアドレス（URL）とWordPress URLをhttpsに変更してしまったことが原因です。

SSL証明書がまだ有効になっていない状態でhttpsのURLに切り替えると、ブラウザはSSLが正しく設定されていないと判断し「接続は保護されていません」と表示します。また管理画面のURLもhttpsになってしまうため、ログイン自体ができなくなります。

復旧作業

phpMyAdminにログインし、wp_options テーブルの siteurl と home の値をhttpに戻すことで復旧しました。

SSL化の正しい手順

SSL化はサーバー側の設定を先に完了させることが基本です。

ロリポップの場合、管理画面からSSL設定を有効にして証明書が適用されるまで待ちます。適用を確認してからWordPressのアドレスをhttpsに変更します。最後に内部リンクや画像パスもhttpsに一括置換して完了となります。

この最後の内部URL置換が抜けると、画像が表示されないなど混在コンテンツの問題が残ります。手順に不安がある場合はご相談ください。