【LightStartの使い方】メンテナンスモードにする方法を初心者向けに詳しく解説!

こんにちは!ハセブロです!

今回はWordPress プラグイン簡単にメンテナンスモードにする方法を解説します。

悩み

ブログのデザインや記事作成が進まないけど公開されたままで心配…。

悩み

デザインを変えたいけど簡単にメンテナンスモード化できないかな…。

ハセブロ

僕はブログやテーマの勉強をしながらだったのでデザインや記事の作成が中々進まなくて放置状態だったときがあります…。

本記事ではブログを開設したばかりの初心者の方に向けて、ブログをメンテナンスモードにする方法についてわかりやすく解説していきます。

専門的で難しいツールやプログラミングを使わなくても、LightStartというWordPressのプラグインで簡単にメンテナンスモードにすることができますよ!

以下の流れで、LightStartの導入方法や設定方法を紹介していきますね。

本記事の流れ

  • LightStartとは?
  • LightStartのインストールと有効化
  • メンテナンスページの編集
  • LightStartの設定方法
  • LightStartの無効化
  • メンテナンスモード無効化後にすること

ブログを公開するときにメンテナンスモードを無効化したらやっておいた方が良いことについても、僕の経験からアドバイスさせて頂きます!

では始めましょう!

本記事の情報は2023年8月10日時点のものです!LightStart及び関連するツールやサービス等最新の情報を確認するようにしてください!

目次

LightStartとは?

LightStartとは?
LightStartとは

LightStartの概要

LightStart
<a href=httpsjawordpressorgpluginswp maintenance mode target= blank rel=noopener title=LightStart><strong>LightStart<strong><a>

WordPressメンテナンスモードにするなら、LightStartというプラグインがオススメです!

開発しているThemeisleは、WordPressのテーマやプラグインを提供している会社のようですね。

LightStartの有効インストール数は800,000以上!

非常に多くのブログやサイトで利用されているメンテナンスモードプラグインです。

プラグインを有効化すると、ブログはメンテナンスモードになり、特定の権限を持つ登録ユーザーのみがフロントエンドを表示できるようになります。訪問者情報のカウントダウンタイマー付きの日付を使用したり、情報の値や単位を設定することができます。

引用元:LightStart
ハセブロ

プラグインをインストールして有効化するだけでメンテナンスモードになるなんてめちゃくちゃ楽ですよね!

LightStartの便利な所

僕が感じるLightStartの便利な所をピックアップしてみました。

LightStartの便利な所

  • メンテナンスモードのテンプレートが豊富に用意されている
  • メンテナンスモードページをカスタマイズできる
  • レスポンシブデザイン
  • ソーシャルメディアアイコンがつけられる

WordPressのテーマを提供している会社だからこそ、テンプレートページが豊富に用意されているのでしょうね。

用意されたメンテナンスページをカスタマイズできてレスポンシブ対応というだけでも十分だと感じます!

ハセブロ

SNSを既に利用している方ソーシャルメディアアイコンも活用することでメンテナンス中もユーザーとのコミュニケーションも取れるので便利ですよね!

LightStartを導入する前に

LightStartは簡単で便利ではありますが、気をつけておくことあがあります。

それはメンテナンスモードを解除しても、メタディスクリプション(ブログやサイトの説明文)などの情報は検索ブラウザにしばらく反映されない可能性があるということです。

検索エンジンのクローラー(ロボット)ブログやサイトをクロール(情報を収集)して、インデックス(データベース)に登録するまでには時間がかかることを覚えておいてください!(特にBingは反映に時間がかかりました…。

本記事の最後にメンテナンスモード無効化後にすることで対応方法などをご紹介します!

ハセブロ

ページはちゃんと表示されましたが、検索した時のメタディスクリプションはメンテナンスモードの表示がしばらく続いたので焦りました…。


\ 検索と表示の仕組みについて /

「【初心者向け】XML Sitemap & Google Newsの設定方法と使い方を解説!サーチコンソールとの連携も!」で、検索と表示の仕組みも解説しているのでご一読くださいませ!


\ メンテナンスモード後の対応を確認したい方 /

ボタンをクリックすると画面が移動します

LightStartのインストールと有効化

LightStartのインストールと有効化
LightStartのインストールと有効化

それではLightStartのインストールと有効化について解説していきます。

インストールと有効化

STEP
LightStartを検索
LightStartを検索
LightStartを検索

「プラグインを追加」からLightStartを検索しましょう。

STEP
インストール
インストール
インストール

表示されたら使用中のWordPressのバージョンと互換性があるか確認しましょう!

「今すぐインストール」をクリックします!

STEP
有効化
有効化
有効化

「有効化」をクリックします。

ハセブロ

「有効化」をしたらメンテナンスページの初期設定をしていきましょう!

メンテナンスページの初期設定

STEP
初期設定
設定①
設定①

まずはページのタイプを選択します。

新規でブログやサイトを作成する方は「Coming Soon」で問題はないでしょう。

「Continue」をクリックします。

設定②
設定②

プロモーションや新たなテンプレートのリリース情報が必要なければ、「I’ll skip for now, thanks!」をクリックしましょう。

設定③
設定③

ページを確認したいので「View page」をクリックします。

STEP
ページの確認
初期アナウンス①
初期アナウンス①

「次」をクリックします。

初期アナウンス②
初期アナウンス②

「次」をクリックします。

初期アナウンス③
初期アナウンス③

「次」をクリックします。

初期アナウンス④
初期アナウンス④

「×」をクリックして閉じます。

STEP
ページのエディター画面
メンテナンスページ
メンテナンスページ

画面右の設定エリアに表示された「テンプレート」LightStart templateが選択されています。

メンテナンスページは固定ページとして編集が可能です。

メンテナンスページ
メンテナンスページ

「サイトの表示」「プレビュー」などで公開される画面を確認します。

ハセブロ

後ほど簡単なページの編集を行います!

メンテナンスページの設定後にやっておくこと

メンテナンスページが設定できたら、以下3つをやっておきましょう。

  • 固定ページの確認
  • 表示設定の確認
  • LightStartの自動更新の有効化
STEP
固定ページの確認
固定ページ
固定ページ

WordPressの管理画面から「固定ページ」をクリックします。

固定ページ
固定ページ

画面上部にはメンテナンスモードが有効化されているメッセージが表示されます。

固定ページには「Maintenance Page」というページが作成されています。

「ー Coming Soon Page」と表示されているのは、そのページがメンテナンスページとして設定されていることを意味します。

STEP
表示設定
表示設定
表示設定

WordPressの管理画面から「表示設定」をクリックします。

表示設定
表示設定

ホームページ表示」「固定ページ」→「ホームページ」「Maintenance Page」が設定されています。

STEP
追加されたプラグイン
WordPress管理画面
WordPress管理画面

WordPressの管理画面に「LightStart」に加えてOtter Blocksというプラグインが追加されています。

これはLightStartを開発しているThemeisleが提供する、WordPressのブロックエディタープラグインです。

テンプレートページに使われているプラグインのようですね。

STEP
自動更新の有効化をしておく
自動更新の有効化
自動更新の有効化

「プラグイン」から「自動更新の有効化」をクリックしておきましょう!

自動更新を有効化しておくと、プラグインが更新されたときの更新漏れを回避することができます!

メンテナンスページの編集

メンテナンスページの編集
メンテナンスページの編集

ざっくりと確認ができた所で、メンテナンスページの編集をしてみましょう。

STEP
固定ページ
固定ページ
固定ページ

WordPressの管理画面から「固定ページ」をクリックします。

固定ページ
固定ページ

「Maintenance Page」のページをクリックしてエディター画面を開きます。

STEP
編集
ページ編集①
ページ編集①

メンテナンスページのテンプレートで不要な部分を消しておきましょう。

ページ編集②
ページ編集②

僕の場合は単純にComing soonが表示されれば良かったので、それ以外の部分を削除しました。

ブロックエディター簡単にカスタマイズできるので便利ですね!

ページ編集③
ページ編集③

「更新」をクリックします。

ページの表示
サイトの表示プレビュー

「サイトの表示」「プレビュー」で公開される画面を確認します。

ハセブロ

ページはフルカスタマイズ可能なので独自のページに作り直しても良いですが、初期段階はテンプレートを活用した方が効率的です!

LightStartの設定方法

LightStartの設定方法
LightStartの設定方法

ではLightStartの設定方法について解説していきます。

STEP
LightStart
LightStart
LightStart

WordPressの管理画面から「LightStart」をクリックします。

STEP
一般
一般
一般

「一般」では主に「ステータス」メンテナンスモードの有効化と無効化の選択を行います。

STEP
デザイン
デザイン

「デザイン」のタブをクリックします。

このページで設定することは、以下の2つです。

【主な設定内容】

  • メンテナンスページに設定するページの選択
  • メンテナンスページのデザインテンプレートの選択
デザイン:Select page
デザインSelect page

「Select page」をクリックすると固定ページの一覧が表示されます。

メンテナンスページにどのページを使うかを選択することができます。

基本的にはMaintenance Pageを選択するのが良いでしょう。

STEP
デザインテンプレートの変更
デザイン:Pick a template
デザインPick a template

「デザイン」「Pick a template」では、用意されているデザインテンプレートを選択することができます。

好みのデザインテンプレートがあったら、マウスオーバーで表示される「Import template」をクリックします。

Import this template?①
Import this template①

確認の画面がポップアップしたら、「Continue」をクリックします。

「Continue」をクリックするとインポートが完了したらメンテナンスページに設定されます。

Import this template?②
Import this template②

インポートが完了するまで待ちましょう。

Import this template?③
Import this template③

インポートが完了したら、「Go to page」をクリックします。

Maintenance Page
Maintenance Page

インポートしたMaintenance Pageが編集できるようになります。

STEP
モジュール
モジュール
モジュール

「モジュール」ではGoogleのアナリティクスを連携して使用できるようです。

STEP
ボットを管理
ボットを管理

「ボットを管理」ではボットの有効化や設定ができます。

ハセブロ

ブログやサイトの開設初期段階では、単純にメンテナンスページが表示される程度でも安心してデザインや記事作成に集中できますよね!

LightStartの無効化

無効化
無効化

最後にLightStart無効化について解説します。

無効化の方法は、【①LightStartの設定の「一般」から無効化する方法】と、【②プラグインから無効化する方法】の2種類あります。

STEP
無効化の方法①
LightStart
LightStart

まずは、LightStartの設定の「一般」から無効化する方法です。

WordPressの管理画面から「LightStart」をクリックします。

無効化の方法①
無効化の方法①

「一般」「ステータス」「無効化」を選択します。

「変更を保存」をクリックしましょう。

STEP
無効化の方法②
プラグイン

次に、プラグインから無効化する方法を解説します。

WordPressの管理画面から「プラグイン」をクリックします。

無効化の方法②
無効化の方法②

「無効化」をクリックします。

ハセブロ

LightStartを無効化したら、「表示設定」→「ホームページの表示」が本来表示するページの設定になっているか確認しておきましょう!

メンテナンスモード無効化後にすること

前述しましたが、メンテナンスモードを無効化したら検索エンジンのクローラー(ロボット)更新ページの情報収集データベースへの登録を促す必要があります。

そのためにやることを、以下にまとめました。

メンテナンスモード後にすることリスト

  • XMLサイトマップを作成する
  • Googleのサーチコンソールを導入
  • XMLサイトマップを送信し登録
  • インデックス登録をリクエスト
  • BingのBing Webマスターツールを導入
  • XMLサイトマップを送信・登録
  • インデックス作成を要求
  • ブラウザを確認しディスクリプションが更新されたら反映完了

XMLサイトマップの作成分析ツールが未導入であることを想定しています。

サイトマップの送信・登録インデックス登録リクエスト(作成要求)を行うツールは以下です。

GoogleBing
ツールサーチコンソールBing Webマスターツール

GoogleBingでは検索エンジンが異なるので、それぞれに対応するツールを導入しましょう!

先にGoogleサーチコンソールを導入しサイトマップを送信・登録してから、Bing Webマスターツールにインポートする方法がオススメです!詳しくはこちらでも紹介していますのでご参考くださいませ!

ハセブロ

以下3つの記事でGoogleBingの対策ができます!


GoogleとBingの対策

\ XMLサイトマップの作成方法 /

「【初心者向け】XML Sitemap & Google Newsの設定方法と使い方を解説!サーチコンソールとの連携も!」でWordPressブラグインのXML Sitemap & Google Newsを使ったXMLサイトマップの生成方法について解説しています!


\ サーチコンソールの導入方法 /

「【初心者向け】Site Kit by Googleの設定を解説!サーチコンソール・アナリティクス(GA4)の連携も簡単!」Site Kit by Googleと一緒にサーチコンソールを導入する手順も解説しています!是非ご参考くださいませ!


\ Bingの対策方法 /

Bingの対策もしたいという方は「【検索エンジンBing対策】Bing Web マスター ツールの登録・XMLサイトマップの送信手順を解説!」Bing Webマスターツールの登録方法とXMLサイトマップの送信手順を解説しています!ご参考くださいませ!

まとめ

今回は【WordPressブログを簡単にメンテナンスモード化】LightStartの設定方法を初心者向けに詳しく解説します!という記事を書きました。

ブログを開設したばかりの頃はデザインや記事の作成など沢山やることがあります。

準備中も公開された状態のままでは気が気ではありませんよね…。

しかし、簡単にブログをメンテナンスモードにできるWordPressプラグインのLightStartを使えば、安心してデザインや記事の作成に取り組めますね!

メンテナンスモードを無効化したら、検索エンジンのクローラーにクロールとインデックス登録(作成の要求)を忘れずに行うようにしましょうね!

以上、ハセブロでした!

最後までお読みいただきありがとうございました!

目次