こんにちは!ハセブロです!
今回はWordPress プラグインで簡単にメンテナンスモードにする方法を解説します。
![](https://haseblo-blog.com/wp-content/uploads/2023/07/user_nega_2-150x150.png)
ブログのデザインや記事作成が進まないけど公開されたままで心配…。
![](https://haseblo-blog.com/wp-content/uploads/2023/07/user_nega_1-e1689220548316-150x150.png)
デザインを変えたいけど簡単にメンテナンスモード化できないかな…。
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_4-1-150x150.png)
僕はブログやテーマの勉強をしながらだったのでデザインや記事の作成が中々進まなくて放置状態だったときがあります…。
本記事ではブログを開設したばかりの初心者の方に向けて、ブログをメンテナンスモードにする方法についてわかりやすく解説していきます。
専門的で難しいツールやプログラミングを使わなくても、LightStartというWordPressのプラグインで簡単にメンテナンスモードにすることができますよ!
以下の流れで、LightStartの導入方法や設定方法を紹介していきますね。
本記事の流れ
- LightStartとは?
- LightStartのインストールと有効化
- メンテナンスページの編集
- LightStartの設定方法
- LightStartの無効化
- メンテナンスモード無効化後にすること
ブログを公開するときにメンテナンスモードを無効化したらやっておいた方が良いことについても、僕の経験からアドバイスさせて頂きます!
では始めましょう!
LightStartとは?
![1-2 - HASEBLO LightStartとは?](https://haseblo-blog.com/wp-content/uploads/2023/08/1-2-edited.png)
LightStartの概要
![2-2 - HASEBLO LightStart](https://haseblo-blog.com/wp-content/uploads/2023/08/2-2-edited.png)
WordPressをメンテナンスモードにするなら、LightStartというプラグインがオススメです!
開発しているThemeisleは、WordPressのテーマやプラグインを提供している会社のようですね。
LightStartの有効インストール数は800,000以上!
非常に多くのブログやサイトで利用されているメンテナンスモードプラグインです。
プラグインを有効化すると、ブログはメンテナンスモードになり、特定の権限を持つ登録ユーザーのみがフロントエンドを表示できるようになります。訪問者情報のカウントダウンタイマー付きの日付を使用したり、情報の値や単位を設定することができます。
引用元:LightStart
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_6-150x150.png)
プラグインをインストールして有効化するだけでメンテナンスモードになるなんてめちゃくちゃ楽ですよね!
LightStartの便利な所
僕が感じるLightStartの便利な所をピックアップしてみました。
LightStartの便利な所
- メンテナンスモードのテンプレートが豊富に用意されている
- メンテナンスモードページをカスタマイズできる
- レスポンシブデザイン
- ソーシャルメディアアイコンがつけられる
WordPressのテーマを提供している会社だからこそ、テンプレートページが豊富に用意されているのでしょうね。
用意されたメンテナンスページをカスタマイズできてレスポンシブ対応というだけでも十分だと感じます!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_7-150x150.png)
SNSを既に利用している方はソーシャルメディアアイコンも活用することでメンテナンス中もユーザーとのコミュニケーションも取れるので便利ですよね!
LightStartを導入する前に
LightStartは簡単で便利ではありますが、気をつけておくことあがあります。
それはメンテナンスモードを解除しても、メタディスクリプション(ブログやサイトの説明文)などの情報は検索ブラウザにしばらく反映されない可能性があるということです。
検索エンジンのクローラー(ロボット)がブログやサイトをクロール(情報を収集)して、インデックス(データベース)に登録するまでには時間がかかることを覚えておいてください!(特にBingは反映に時間がかかりました…。)
本記事の最後にメンテナンスモード無効化後にすることで対応方法などをご紹介します!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_4-1-150x150.png)
ページはちゃんと表示されましたが、検索した時のメタディスクリプションはメンテナンスモードの表示がしばらく続いたので焦りました…。
\ 検索と表示の仕組みについて /
「【初心者向け】XML Sitemap & Google Newsの設定方法と使い方を解説!サーチコンソールとの連携も!」で、検索と表示の仕組みも解説しているのでご一読くださいませ!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/analytics_1-300x170.png)
\ メンテナンスモード後の対応を確認したい方 /
ボタンをクリックすると画面が移動します
LightStartのインストールと有効化
![3-2 - HASEBLO LightStartのインストールと有効化](https://haseblo-blog.com/wp-content/uploads/2023/08/3-2-edited.png)
それではLightStartのインストールと有効化について解説していきます。
インストールと有効化
![4-2 - HASEBLO LightStartを検索](https://haseblo-blog.com/wp-content/uploads/2023/08/4-2-edited.png)
「プラグインを追加」からLightStartを検索しましょう。
![5-2 - HASEBLO インストール](https://haseblo-blog.com/wp-content/uploads/2023/08/5-2-edited.png)
表示されたら使用中のWordPressのバージョンと互換性があるか確認しましょう!
「今すぐインストール」をクリックします!
![6-2 - HASEBLO 有効化](https://haseblo-blog.com/wp-content/uploads/2023/08/6-2-edited.png)
「有効化」をクリックします。
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_6-150x150.png)
「有効化」をしたらメンテナンスページの初期設定をしていきましょう!
メンテナンスページの初期設定
![8-2 - HASEBLO 設定①](https://haseblo-blog.com/wp-content/uploads/2023/08/8-2-edited.png)
まずはページのタイプを選択します。
新規でブログやサイトを作成する方は「Coming Soon」で問題はないでしょう。
「Continue」をクリックします。
![9-2 - HASEBLO 設定②](https://haseblo-blog.com/wp-content/uploads/2023/08/9-2-edited.png)
プロモーションや新たなテンプレートのリリース情報が必要なければ、「I’ll skip for now, thanks!」をクリックしましょう。
![10-2 - HASEBLO 設定③](https://haseblo-blog.com/wp-content/uploads/2023/08/10-2-edited.png)
ページを確認したいので「View page」をクリックします。
![12-2 - HASEBLO 初期アナウンス①](https://haseblo-blog.com/wp-content/uploads/2023/08/12-2-edited.png)
「次」をクリックします。
![13-4 - HASEBLO 初期アナウンス②](https://haseblo-blog.com/wp-content/uploads/2023/08/13-4-edited.png)
「次」をクリックします。
![14-2 - HASEBLO 初期アナウンス③](https://haseblo-blog.com/wp-content/uploads/2023/08/14-2-edited.png)
「次」をクリックします。
![15-2 - HASEBLO 初期アナウンス④](https://haseblo-blog.com/wp-content/uploads/2023/08/15-2-edited.png)
「×」をクリックして閉じます。
![16-2 - HASEBLO メンテナンスページ](https://haseblo-blog.com/wp-content/uploads/2023/08/16-2-edited.png)
画面右の設定エリアに表示された「テンプレート」はLightStart templateが選択されています。
![17-2 - HASEBLO メンテナンスページ](https://haseblo-blog.com/wp-content/uploads/2023/08/17-2-edited.png)
「サイトの表示」や「プレビュー」などで公開される画面を確認します。
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_7-150x150.png)
後ほど簡単なページの編集を行います!
メンテナンスページの設定後にやっておくこと
メンテナンスページが設定できたら、以下3つをやっておきましょう。
- 固定ページの確認
- 表示設定の確認
- LightStartの自動更新の有効化
![18-2 - HASEBLO 固定ページ](https://haseblo-blog.com/wp-content/uploads/2023/08/18-2-edited.png)
WordPressの管理画面から「固定ページ」をクリックします。
![19-4 - HASEBLO 固定ページ](https://haseblo-blog.com/wp-content/uploads/2023/08/19-4-edited.png)
画面上部にはメンテナンスモードが有効化されているメッセージが表示されます。
固定ページには「Maintenance Page」というページが作成されています。
![20-2 - HASEBLO 表示設定](https://haseblo-blog.com/wp-content/uploads/2023/08/20-2-edited.png)
WordPressの管理画面から「表示設定」をクリックします。
![21-2 - HASEBLO 表示設定](https://haseblo-blog.com/wp-content/uploads/2023/08/21-2-edited.png)
「ホームページ表示」の「固定ページ」→「ホームページ」に「Maintenance Page」が設定されています。
![22-2 - HASEBLO WordPress管理画面](https://haseblo-blog.com/wp-content/uploads/2023/08/22-2-edited.png)
WordPressの管理画面に「LightStart」に加えて「Otter Blocks」というプラグインが追加されています。
これはLightStartを開発しているThemeisleが提供する、WordPressのブロックエディタープラグインです。
テンプレートページに使われているプラグインのようですね。
![23-1 - HASEBLO 自動更新の有効化](https://haseblo-blog.com/wp-content/uploads/2023/08/23-1-edited.png)
「プラグイン」から「自動更新の有効化」をクリックしておきましょう!
メンテナンスページの編集
![24-3 - HASEBLO メンテナンスページの編集](https://haseblo-blog.com/wp-content/uploads/2023/08/24-3-edited.png)
ざっくりと確認ができた所で、メンテナンスページの編集をしてみましょう。
![25-2 - HASEBLO 固定ページ](https://haseblo-blog.com/wp-content/uploads/2023/08/25-2-edited.png)
WordPressの管理画面から「固定ページ」をクリックします。
![26-2 - HASEBLO 固定ページ](https://haseblo-blog.com/wp-content/uploads/2023/08/26-2-edited.png)
「Maintenance Page」のページをクリックしてエディター画面を開きます。
![27-3 - HASEBLO ページ編集①](https://haseblo-blog.com/wp-content/uploads/2023/08/27-3-edited.png)
メンテナンスページのテンプレートで不要な部分を消しておきましょう。
![28-2 - HASEBLO ページ編集②](https://haseblo-blog.com/wp-content/uploads/2023/08/28-2-edited.png)
僕の場合は単純にComing soonが表示されれば良かったので、それ以外の部分を削除しました。
![29-1 - HASEBLO ページ編集③](https://haseblo-blog.com/wp-content/uploads/2023/08/29-1-edited.png)
「更新」をクリックします。
![30-3 - HASEBLO ページの表示](https://haseblo-blog.com/wp-content/uploads/2023/08/30-3-edited.png)
「サイトの表示」や「プレビュー」で公開される画面を確認します。
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_6-150x150.png)
ページはフルカスタマイズ可能なので独自のページに作り直しても良いですが、初期段階はテンプレートを活用した方が効率的です!
LightStartの設定方法
![31-6 - HASEBLO LightStartの設定方法](https://haseblo-blog.com/wp-content/uploads/2023/08/31-6-edited.png)
ではLightStartの設定方法について解説していきます。
![32-1 - HASEBLO LightStart](https://haseblo-blog.com/wp-content/uploads/2023/08/32-1-edited.png)
WordPressの管理画面から「LightStart」をクリックします。
![33-2 - HASEBLO 一般](https://haseblo-blog.com/wp-content/uploads/2023/08/33-2-edited.png)
「一般」では主に「ステータス」でメンテナンスモードの有効化と無効化の選択を行います。
![34-3 - HASEBLO](https://haseblo-blog.com/wp-content/uploads/2023/08/34-3-edited.jpg)
「デザイン」のタブをクリックします。
このページで設定することは、以下の2つです。
【主な設定内容】
- メンテナンスページに設定するページの選択
- メンテナンスページのデザインテンプレートの選択
![35-4 - HASEBLO デザイン:Select page](https://haseblo-blog.com/wp-content/uploads/2023/08/35-4-edited.png)
「Select page」をクリックすると固定ページの一覧が表示されます。
メンテナンスページにどのページを使うかを選択することができます。
![36-3 - HASEBLO デザイン:Pick a template](https://haseblo-blog.com/wp-content/uploads/2023/08/36-3-edited.png)
「デザイン」の「Pick a template」では、用意されているデザインテンプレートを選択することができます。
好みのデザインテンプレートがあったら、マウスオーバーで表示される「Import template」をクリックします。
![37-3 - HASEBLO Import this template?①](https://haseblo-blog.com/wp-content/uploads/2023/08/37-3-edited.png)
確認の画面がポップアップしたら、「Continue」をクリックします。
![38-3 - HASEBLO Import this template?②](https://haseblo-blog.com/wp-content/uploads/2023/08/38-3-edited.png)
インポートが完了するまで待ちましょう。
![39-4 - HASEBLO Import this template?③](https://haseblo-blog.com/wp-content/uploads/2023/08/39-4-edited.png)
インポートが完了したら、「Go to page」をクリックします。
![40-3 - HASEBLO Maintenance Page](https://haseblo-blog.com/wp-content/uploads/2023/08/40-3-edited.jpg)
インポートしたMaintenance Pageが編集できるようになります。
![41-2 - HASEBLO モジュール](https://haseblo-blog.com/wp-content/uploads/2023/08/41-2-edited.png)
「モジュール」ではGoogleのアナリティクスを連携して使用できるようです。
![42-3 - HASEBLO](https://haseblo-blog.com/wp-content/uploads/2023/08/42-3-edited.png)
「ボットを管理」ではボットの有効化や設定ができます。
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_3-1-150x150.png)
ブログやサイトの開設初期段階では、単純にメンテナンスページが表示される程度でも安心してデザインや記事作成に集中できますよね!
LightStartの無効化
![43-2 - HASEBLO 無効化](https://haseblo-blog.com/wp-content/uploads/2023/08/43-2-edited.png)
最後にLightStartの無効化について解説します。
無効化の方法は、【①LightStartの設定の「一般」から無効化する方法】と、【②プラグインから無効化する方法】の2種類あります。
![44-4 - HASEBLO LightStart](https://haseblo-blog.com/wp-content/uploads/2023/08/44-4-edited.png)
まずは、LightStartの設定の「一般」から無効化する方法です。
WordPressの管理画面から「LightStart」をクリックします。
![45-2 - HASEBLO 無効化の方法①](https://haseblo-blog.com/wp-content/uploads/2023/08/45-2-edited.png)
「一般」の「ステータス」で「無効化」を選択します。
「変更を保存」をクリックしましょう。
![46-2 - HASEBLO](https://haseblo-blog.com/wp-content/uploads/2023/08/46-2-edited.png)
次に、プラグインから無効化する方法を解説します。
WordPressの管理画面から「プラグイン」をクリックします。
![47-2 - HASEBLO 無効化の方法②](https://haseblo-blog.com/wp-content/uploads/2023/08/47-2-edited.png)
「無効化」をクリックします。
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_7-150x150.png)
LightStartを無効化したら、「表示設定」→「ホームページの表示」が本来表示するページの設定になっているか確認しておきましょう!
メンテナンスモード無効化後にすること
前述しましたが、メンテナンスモードを無効化したら検索エンジンのクローラー(ロボット)に更新ページの情報収集とデータベースへの登録を促す必要があります。
そのためにやることを、以下にまとめました。
メンテナンスモード後にすることリスト
- XMLサイトマップを作成する
- Googleのサーチコンソールを導入
- XMLサイトマップを送信し登録
- インデックス登録をリクエスト
- BingのBing Webマスターツールを導入
- XMLサイトマップを送信・登録
- インデックス作成を要求
- ブラウザを確認しディスクリプションが更新されたら反映完了
※XMLサイトマップの作成や分析ツールが未導入であることを想定しています。
サイトマップの送信・登録とインデックス登録リクエスト(作成要求)を行うツールは以下です。
Bing | ||
---|---|---|
ツール | サーチコンソール | Bing Webマスターツール |
GoogleとBingでは検索エンジンが異なるので、それぞれに対応するツールを導入しましょう!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/avator_6-150x150.png)
以下3つの記事でGoogleとBingの対策ができます!
GoogleとBingの対策
\ XMLサイトマップの作成方法 /
「【初心者向け】XML Sitemap & Google Newsの設定方法と使い方を解説!サーチコンソールとの連携も!」でWordPressブラグインのXML Sitemap & Google Newsを使ったXMLサイトマップの生成方法について解説しています!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/analytics_1-300x170.png)
\ サーチコンソールの導入方法 /
「【初心者向け】Site Kit by Googleの設定を解説!サーチコンソール・アナリティクス(GA4)の連携も簡単!」でSite Kit by Googleと一緒にサーチコンソールを導入する手順も解説しています!是非ご参考くださいませ!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/analytics_3-300x169.png)
\ Bingの対策方法 /
Bingの対策もしたいという方は「【検索エンジンBing対策】Bing Web マスター ツールの登録・XMLサイトマップの送信手順を解説!」でBing Webマスターツールの登録方法とXMLサイトマップの送信手順を解説しています!ご参考くださいませ!
![](https://haseblo-blog.com/wp-content/uploads/2023/07/analytics_2-300x169.png)
まとめ
今回は「【WordPressブログを簡単にメンテナンスモード化】LightStartの設定方法を初心者向けに詳しく解説します!」という記事を書きました。
ブログを開設したばかりの頃はデザインや記事の作成など沢山やることがあります。
準備中も公開された状態のままでは気が気ではありませんよね…。
しかし、簡単にブログをメンテナンスモードにできるWordPressプラグインのLightStartを使えば、安心してデザインや記事の作成に取り組めますね!
メンテナンスモードを無効化したら、検索エンジンのクローラーにクロールとインデックス登録(作成の要求)を忘れずに行うようにしましょうね!
以上、ハセブロでした!
最後までお読みいただきありがとうございました!