WordPressのローカル環境構築ツール「Local」では、ローカルサイトをSSL通信（https）で表示できるように設定できます。デフォルトではSSLになっていないので、必要な場合は手動で設定します。
なぜローカルでもSSL設定をするのか
本番環境はほとんどの場合httpsで運用されているため、ローカル環境もhttpsに揃えておくと、本番との差異による表示崩れやエラーに気づきやすくなります。
- 画像やスクリプトのURLがhttpのままだと、httpsの本番環境に上げた際に「混在コンテンツ」の警告が出ることがある
- Service Worker（PWA機能）などhttps環境でないと動作確認できない機能がある
- 本番と同じ条件でプラグインやテーマの動作確認ができる
こういった理由から、特に本番公開前の最終チェックをするサイトではSSL設定をしておくのがおすすめです。
SSL設定の手順
該当サイトのOverview画面に「SSL」という項目があるので、「Trust」をクリックします。グレースケールの「Trusted」表示に変わればSSL設定は完了です。
「Open site」などのボタンから開くと「http」接続になってしまうため、ブラウザのURLバーで「https」に変更し、正しく表示されるか確認します。無事サイトが表示されればSSL設定は完了です。
WP Adminのログインもhttps化する
一般設定の「WordPressアドレス（URL）」を「https」に修正しておくと、「WP Admin」ボタンをクリックした際に自動的にhttpsのURLで接続されます。
ただし「Open site」ボタンから開いた場合は、この設定をしていてもhttp表示のままになります。またWordPressアドレスをhttpsにすると、「One-click admin」をONにしていてもログイン情報を手動入力する必要が出てきます。
ローカルサイトをSSL通信にしておきたい場合、以下のどちらかの手間はかかります。
- 「WordPressアドレス（URL）」を「https」にする
→ 「WP Admin」ボタンから自動的にSSLで接続できるが、ログインは手動入力になる - 「WordPressアドレス（URL）」は「http」のまま
→ ローカルサイトを開くたびに「https」へ手動修正する必要があるが、ログインは自動で行える
本番同等の確認を優先するか、ログインの手軽さを優先するかに合わせて選ぶことになります。
SSL設定ができない場合
SSL設定をしようとした際に、エラーが表示されて設定できないことがあります。
Macの場合、キーチェーンアクセスで証明書を修正すれば解決します。同じようなエラーが出た場合は、以下の記事で対処法をまとめているのでチェックしてみてください。
