ホームページやブログでデザインの修正などをしている時、メンテナンス中とお知らせしたい時があると思います。
今回はそんな時に便利なプラグイン、WP Maintenance Modeの使い方をご紹介していきます。
メンテナンスモードに出来るプラグイン、WP Maintenance Modeの使い方
まずは最低限の設定をしてみます。
プラグインをインストール＆有効化した後、メンテナンスモードのステータスを有効化すればOKです。
プラグインをインストール＆有効化
それでは早速プラグインをインストールしていきましょう。
管理画面のプラグイン→新規追加からWP Maintenance Modeと検索して、以下のプラグインの今すぐインストールをクリックします。
そしてボタンが有効化に変わるので、そのまま有効化をクリックします。
WP Maintenance Modeを有効化
それでは設定をしていきます。
管理画面の設定→WP Maintenance Modeをクリックするとこちらの画面になります。
ここで一般タブのステータスを無効化から有効化にして、下の方にある設定を保存をクリックすれば最低限の設定は完了です。
これでサイトを見るとこのように表示されます。
しかしこれでは素っ気なさすぎるので、もう少し見た目を良くしていきたいと思います。
これはどのページを開いてもこの表示になりますが、管理者としてログインしている状態で見た場合はこの表示はされず普通にサイトが見れてしまうので、一旦ログアウトするかシークレットモードで確認して下さい。
WP Maintenance Modeの設定方法
それでは細かく設定する方法を見ていきます。
先ほどは一般タブで有効化しました。
一般タブはステータスを有効化にする以外は変更不要なので、他のタブを設定していきます。
- デザイン
- モジュール
- ボットを管理
- GDPR
それでは1つずつ見ていきます。
デザイン
ここで設定できるのは以下になります。
- コンテンツ：タイトル、見出し、テキスト、フッターリンク
- 背景：背景の種類を選択、色を選択
- その他：カスタムCSS
コンテンツ
コンテンツの各項目は以下のように反映されます。
フッターリンクに関してはここでは表示されていないので確認できません。
背景
これは以下の3つから選択できます。
- カスタムカラー（背景色）
- アップロードされた背景画像（自分でアップロードした画像）
- 既定の背景画像（用意された画像）
カスタムカラーでカラーコードを入力するか、カラーピッカーで色を設定します。
そしてこちらがカスタムカラーが反映された画像です。
これもまぁ味気ないですよね。。。
次はアップロードされた背景画像で設定してみます。
こちらがアップロード済みの画像になります。
この中から1つ選択して、右下の背景を選択をクリックします。
そしてメニューに戻って画像のURLが設定されていることを確認したら、設定を保存をクリックします。
そしてこちらがメンテナンス画面です。
テキストの色が見えにくいので、色は背景画像に合わせて見やすい色に変更しましょう。
次は既定の背景画像です。
既定の背景画像は11枚用意されています。
これも先ほどと同じように1つ選んで設定を保存します。
そしてこちらがメンテナンス画面です。
先ほど同じく、背景画像に合わせてテキストの色を変更しましょう。
カスタムCSSはカスタマイズで書けばいいので、あえてここで書かなくてもいいかと思います。
モジュール
ここで設定できるのは以下になります。
- カウントダウン
- 登録
- ソーシャルネットワーク
- お問い合わせ
Google Analytics
カウントダウン
これは公開するまでの時間をカウントダウン表示する設定です。
デフォルトでは表示しないになっているので、表示させたい場合はカウントダウンを表示しますか？をはいにします。
開始日はクリックするとカレンダーが表示され、秒単位で設定できます。
これは過去の時間でも大丈夫です。
あとは残り時間と色を設定したらこのようになります。
そしてこちらがカウントダウンの表示です。
カウントダウン以外はデフォルトの状態に戻してあります。
ただこれだと何のタイマーだか分からないので、上のテキストに「公開まで残り時間・・・」など書いておくと良いかと思います。
登録
メルマガのような表現ですが、メンテナンスが終了したらメールで通知するための設定です。
デフォルトは表示しない設定なので、表示させる場合は購読を表示しますか？をはいにします。
あとは表示させる文言と色を変更します。
そしてメンテナンス画面はこちらになります。
ソーシャルネットワーク
これはSNSのリンクを設定する箇所になります。
デフォルトでは表示しないになっていて、設定できるのは以下になります。
- Github
- Dribbble
- Google+
リンクの開き方は新規ページか同じページか選択できます。
全てのリンクを設定すると全てのアイコンが表示されます。
リンクを設定していないとアイコンは表示されないので、全て入力する必要はありません。
お問い合わせ
これはお問い合わせフォームの設置になります。
デフォルトは非表示になっています。
メールアドレスはお問い合わせ内容を受信するメールアドレスを入力します。
効果はお問い合わせフォームを表示させるときのアニメーションになり、3種類から選べます。
そしてこちらがお問い合わせを表示させた画面です。
ここのお問い合わせボタンをクリックするとこちらがポップアップされます。
このポップアップのアニメーションが先ほどの設定から変更できます。
Google Analytics
これはメンテナンスモードでもGoogleアナリティクスを設定するかどうかになります。
デフォルトでは設定しないになっているので、設定する場合はGoogleアナリティクスを使用しますか？をはいにして、トラッキングコードを入力します。
トラッキングコードって何？という方はこちらの記事を参照ください。
ボットを管理
これは企業のお問い合わせに良くあるチャットのような物です（機械が自動で受け答えをしてくれる物です）
企業のメールでのお問い合わせなどは非常〜〜〜〜に分かりにくい場所にあるか、受け付けていない事が多く、代わりにチャットを設置していることが結構あります。
こちらもデフォルトでは無効になっているので、使いたい場合は有効化しましょう。
実際のやりとりはこんな感じで、訪問者が入力すると自動で上記の質問が進んでいきます。
実際にどう表示されるか見ながらテキストを変えるといいかも知れませんね。
GDPR
これはプライバシーポリシーページを表示するか設定できます。
デフォルトでは表示しない設定なので、表示させる場合は有効化しましょう。
有効化するとこのように表示されます。
まとめ：メンテナンス画面はプラグインで簡単に作れる！
短期間のメンテナンスであればプラグインをインストール＆有効化したあと、一般のステータスを有効化するだけでいいかも知れませんね。
長期になる場合やメンテナンス終了時間が決まっていれば、カウントダウンやお問い合わせフォームなど設置したり、背景に画像を設定するといいかと思います。