.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をオススメしているので、まだスニペットツールを使っていない方は検討してください。




Visual Studio Codeの文字サイズやタブサイズの設定方法
Mac向けのミニマルでお洒落なデザインのGitクライアント「Gitfox」
Visual Studio Codeで対応する括弧に色を付けて見やすくする環境設定
iTerm2を使いこなすために覚えておきたいショートカット集
iCLUSTA+でWordPressのアップロード容量を上げたいときのメモ
スクロール時に表示領域に画面がくっつくようになる処理をCSSだけで実現する「scroll-snap」
サーバーのアップロードファイルの最大容量の確認と変更方法
SourceTreeで環境設定の「カスタムアクション」「アップデート」「高度な設定」が選択できない
SourceTreeのカスタムアクションを使って差分ファイルだけをまとめる方法
Nuxt.jsでのページ遷移設定方法(Vue Routerやnuxt-link)|Nuxt.jsの基本
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
JavaScriptで日付をコピーして計算すると、コピー元の日付も変わってしまう場合の対処法
Figmaのバージョン管理機能を使って、デザインの変更点を管理する
ブログをリニューアルして、ダークモードに対応しました(2020年版)
Alfredで現在開いているフォルダ内の画像をImageOptimで圧縮するWorkflowの作り方
FontExplorer X Proを使ってフォントの管理を行う
単語登録はルールをキッチリ決めるよりも、とにかく登録・改善を繰り返した方が良さそう
FigmaでAdobe XDやSketchのデータを開く方法
CSSで1行で簡単にスムーススクロールを実装できる「scroll-behavior」プロパティ
Sketchのライブラリアップデートの方法
MacでEvernoteにWebデザインをストックしたいならPaparazzi!とFolder Action Scriptの組み合わせがオススメ!!