WP(ワードプレス)でメンテナンス表示を出す方法

みなさんこんにちは!

今回はサーバー移設をする際にSSLを充てなおすこととなり、DNS切り替え後にhttp⇒httpsにURLが変更になるにあたって
画像やアンカーのリンク切れなどが発生しサイトが崩れた状態で表に出ないようにするためにメンテナンスの設定を行う
ための備忘録です。

ワードプレスを含めシステムを動かしているサイトは、時折こういったメンテナンス表示って必須になると思います。

なのでみなさんも覚えておきましょう!

準備

まずはmaintenance.htmlを作成します。
私の場合は以下のような階層に作成しました。

==============================================

public_html
  +wp-content
  +wp-admin
  +wp-include
  maintenance.html

==============================================

maintenance.htmlの中に、ただいまメンテナンス中です~!といった文言を記載します。
私はcodepenからデザインをちょいちょい拝借しています。
英文は日本語に書き換えてますよ~

See the Pen Maintenence notice – with FontAwesome – twisted by Nico (@sdhp) on CodePen.0

See the Pen Maintenance Screen by Bryce Melvin (@brycemelvin) on CodePen.0

準備できたらいざ!

下記のような階層の場合、上位ディレクトリに必ず.htaccessというファイルがあります。

==============================================

public_html
  +wp-content
  +wp-admin
  +wp-include
  maintenance.html
  .htaccess

==============================================

この.htaccessの一番上に以下を記載するとメンテナンスへ飛ばすことができます。

# Redirect
 ErrorDocument 503 /maintenance.html

 <IfModule mod_rewrite.c>
   RewriteEngine On
   RewriteBase /
   RewriteCond %{REQUEST_URI} !=/maintenance.html
   RewriteCond %{REMOTE_ADDR} !=自分のIPアドレス
   RewriteRule ^.*$ - [R=503,L]
</IfModule>

ちなみに

RewriteCond %{REMOTE_ADDR} !=自分のIPアドレス

の部分をコメントあうとするとどういうふうにメンテナンス表示が出ているかを確認できますよ~

みなさんもぜひお試しあれ!