.htaccessを使って、httpからhttpsへリダイレクトする設定方法

この記事の要約
下記のコードを.htaccessへ追加すれば全ページがリダイレクトされます。
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>ウェブサイトの公開時にhttpからhttpsからリダイレクトする設定が必要になることが多いので、設定方法についてまとめておきます。
全ページをリダイレクトしたい場合
.htaccessに下記の記述を追加すると、httpからhttpsへリダイレクトが適用されます。
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>すでに.htaccessが存在していて、他の記述がある場合はコードを追加して対応します。
.htaccessを配置する場所
.htaccessを配置する場所はサイトのルートでOKです(適用したいディレクトリに配置する)。
WordPressの場合は1番トップのindex.phpがある場所と同じディレクトリに配置します。
WordPressの場合は記述場所に注意
WordPressを使っている場合は、WordPressの設定がすでに.htaccessに記述されています。
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPressこの記述の下に書いてしまうと、下層ページでリダイレクトが効かないケースがあったので、上に書くようにしています。
下に書いてもうまくいく場合はありますが、ちゃんとトップページとひと通りの下層ページもチェックして問題がないか確認するようにした方がよさそうです。
スニペットツールに設定しておく
サイトの公開時に必要になりますし、覚えておくものでもないと思うので、スニペットツールですぐペーストできるようにしておくと便利ですし、毎回調べる必要もなくなります。
スニペットは、AlfredのSnippets機能かDashをオススメしているので、まだスニペットツールを使っていない方は検討してください。




Macで.pemを使ってAmazon EC2インスタンスへSSH接続する方法
WordPressって何なの?これからWordPressを勉強したい人がとりあえず知っておきたい事
ブログに見出しを設置できるjQueryプラグイン「TOC | jQuery Table of Contents」
WordPressのwp_is_mobile()で条件分岐をするときは、キャッシュの設定に注意
Vue.jsを使う人が最低限導入しておきたいVisual Studio Codeの拡張機能
WordPressでbloginfo()の一部パラメーターの廃止・非推奨に注意!
Google Chromeでinput要素の補完機能を使うと背景に色がついてしまう問題
思考したり情報整理したい時はMarkdown記法で文章を書き出そう!!Webデザイナーの情報整理術
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
様々な作業を自動化するgulpの基礎と導入方法
Figmaでオブジェクトの整列をショートカットキーを使って効率的に行う方法
macOSのシステム環境設定「一般(General)」の設定見直し
iPhoneのスクリーンショットをIllustratorにペーストすると、色がおかしくなってしまう現象の解決方法
Orbital 2と修飾キーの同時押しで、別のショートカットキーを発火させる方法
Macで画像の一括リサイズを行いたいときは、プレビュー.appを使う方法が手軽!
gulpでPostCSSを使う方法
スニペットとしてもドキュメント検索としても使える「Dash 6」でコードや定型文を管理する
Chrome拡張機能のVimiumを使ってキーボードだけでブラウザを操作する