はじめに
WordPressサイトを公開する前や、大きな更新作業を行うとき、
訪問者に「工事中」のままのページや
エラー画面を見せてしまうのは避けたいですよね。
そんな時に便利なのが SeedProd（シードプロッド） というプラグインです。
SeedProdを使えば、
- サイト公開前に「準備中（Coming Soon）」ページを表示
- メンテナンス作業中に「メンテナンスモード」ページを表示
といった切り替えが、クリック数回で簡単に設定できます。
しかも、デザインもシンプルで見やすく、
初心者でも安心して使えるのが魅力です。
この記事では、無料版SeedProdの導入から
準備中＆メンテナンスページの設定方法まで、
スクリーンショット付きでやさしく解説します。
これを読めば、初めての方でもすぐに
「訪問者に見せたくないときのページ作り」ができるようになります。
SeedProdとは？
SeedProd（シードプロッド） は、WordPressサイトに
「準備中」や「メンテナンス中」のページを
簡単に表示できるプラグインです。
通常、こうしたページを作るにはHTMLやCSSなどの知識が必要ですが、
SeedProdならクリック操作だけで作成＆表示切り替えができます。
SeedProdの基本機能
準備中（Coming Soon）モード
サイトをまだ公開したくない時に、訪問者には「準備中」と表示しつつ、
管理者は裏で作業を続けられます。
メンテナンスモード
サイト更新や不具合修正の間、一時的に訪問者に
メンテナンス中の画面を表示します。
シンプルなデザイン編集
背景色や文字、画像などを自由に変更可能。
ロゴを入れることもできます。
無料版と有料版の違い
| 無料版 | 準備中ページ＆メンテナンスページ機能がメイン。 デザインテンプレート数は少なめ。 |
| 有料版 | ランディングページ作成機能、豊富なテンプレート、 メールフォーム連携などが追加。 |
ちょび
「とりあえず準備中やメンテナンスページを出したい」
場合は、無料版で十分対応できますよ♪
SeedProdのインストールと有効化
WordPress管理画面、プラグイン→プラグインの追加で「SeedProd」と検索し、出てきたSeedProdプラグインを「今すぐインストール」をクリックしてください
インストールすると有効化ボタンが出るので、クリックして有効化してください
ページを編集しよう
有効化すると、すぐに登録画面になります。「Get Started→」から
メールアドレスを登録すると、いくつかの選択肢を
クリックするだけで簡単に設置出来ます。
※メールアドレスを登録しない場合、下のExit Setupから設定画面に進むことはできますが、
無料で提供される画像も使えないので、背景画像などを自分で用意しなければならず、
少し上級者向けですが、無料画像を使わずに、使いたい背景画像がある場合は
こちらをクリックしてください
メールアドレス登録で簡単設置
以下はメールアドレス登録して初期設定に進む手順です
「Get Started→」から
進むと登録画面になります
・メールアドレスを入力し
・Coming Soon(カミングスーン)
・maintenance(メンテナンス)
どちらかを選択して
Start and Continueをクリックします
ちょび
上の３つが無料で提供されている項目です。
３つ目のSetup a Marketing Landing Pageは
ショップなどで使うような特殊なページなので、
上２つの選択、私はmaintenance Modeを選び
ましたが、準備中か、メンテナンスか、
は、提供される画像の違い程度でしたので、
どちらを選択してもＯＫですよ。
好みの背景画像を選びます
(PROと書いてあるのは有料なので、書いてない部分から選べば無料です。)
画像を選んだら、
Start and Continueをクリックします
Finish Setup & Start Building Your Page をクリックして進みます
テンプレートのセットアップが終わりましたが、ここで、「プラグインを
インストールして有効化」
を押してしまうと、
他のプラグイン５つも自動で
インストールされてしまいますので、
ここは「I'll do it later」で
次に進んでください
WordPress管理画面に戻ったら、
SeedProd → ランディングページ
をクリック。
Maintenance Modeのところの
Edit Pageで編集画面に行けます
↓
簡単設置で登録した場合、
この画面までは作られていますので
後は自分好みに編集してください
※テキスト部分の文字や、
アイコン画像などを差し替えたり、
新しく追加するには左側をブロックを
ドラッグドロップすると
配置出来ます
テキスト部分の文字と、上に合ったアイコンをチョビっとメモのアイコンに置き換えて、スペーサーで広げて下に移動してみました。
編集が終わったら右上のsaveして、
×で閉じます。
メールアドレスを登録せずに使う
メールアドレスを登録しなくても使う事は出来ますが、
無料で提供される画像が使えないので、
背景画像なども自分で用意しなければなりません
自分で作った背景画像を使いたいなどのこだわりがなければ
メールアドレスを登録して、提供される画像を使った方が楽ですので
そちらの説明はここをクリックして戻ってくださいね
有効化した後、Get Startedではなく
Exit Setupのほうをクリックするとポップアップの警告が出ます
無料テンプレートが使えませんよって事らしいですね。
ＯＫで先に進んでみます
WordPress管理画面に戻ったら、
SeedProd → ランディングページ
にまだ Edit Page がないので、
どちらかのSet upページに
進んでください
メールアドレスが未登録だと
上の３つだけが選択肢です
自分が作成した背景画像を使う場合は何も無いのから選んだ方が良いでしょう。
やっぱりSUBSCRIBE ABOVE TO UNLOCKの画像を使いたいと思った場合はそこからメールアドレスを登録して解放してくださいね。
編集画面になるので、カラムの形を選びます。メンテナンスページなのでシンプルに１カラムにしました
背景画像を選ぶには、左下の
設定マークから行けます
Background Imageから背景にする画像を選びます。アップロードするには、Use Your Own Imageで
メディアアップロードして
選択してください。
背景画像、うちはGIMPを使って適当に作りましたが、Canvaで作る方法や著作権フリーの画像、自分で撮影した写真など色々あると思います。
背景画像を決めて、編集画面に戻るには、下のDrag a new block hereで他のブロック画面に戻れます
他にテキストなどを編集し、
終わったら、seveして、
×で閉じてください
こんな感じで提供された画像を使わずとも、作る事は可能です
表示確認と解除方法
準備中モードやメンテナンスモードを設定したら、
ちゃんと表示されているか確認しましょう。
また、作業が終わったら忘れずに解除することが大切です。
Maintenance ModeのところのEdit pageの下の
「INACITIVE」→「ACTIVE」にすると、
黒いバー上部に「メンテナンスモードが有効」が出てきます。
これで、訪問者がサイトを開くと「準備中ページ」が
表示されるようになります。管理者はログインしている限り、
通常のサイトを見ながら作業を続けられます。
自分のサイトも見に行ってください。
この黒いバーはログイン状態の時に
ずっとサイトの方にも出ています。
でもこの状態の時（黒いバー上に
「メンテナンスモードが有効」
が出ている時)、ログインしていない人
(訪問者側)にはメンテナンスページしか
見えなくなっています
ログアウトしてサイトを見てみましょう
ログアウトして自分のサイトを見ると
先程作成したメンテナンスページが出るようになっています
これでメンテナンスページが出来たので、訪問者には修正中のページを見せずに、修正が出来るようになります。
作業終了後にはモードを解除
作業が終了したら、必ず
「ACTIVE」→「INACITIVE」
に戻して、黒いバー上の
「メンテナンスモードが有効」
と言う文字が無くなっている事を
確認してくださいね。この状態で
サイトが公開モードになります
まとめ
SeedProdを使えば、WordPressサイトの
公開前や更新作業中でも、訪問者に
きれいな「準備中」や「メンテナンス中」のページを簡単に表示できます。
難しいコードやデザインの知識は不要で、
クリック操作だけで設定できるのが魅力です。
一度メンテナンスページやカミングスーンページを作っておけば
あとは、「INACITIVE」→「ACTIVE」の切り替えをするだけで
簡単にサイト公開→メンテナンスモードや工事中のページに切り替えする事が出来ます
サイトを公開する前も、更新中も、訪問者に安心感を与えることができますね。
まずは無料版から試して、自分のサイトに合ったページを作ってみてください♪
コメント