モダンなWordPress工事中ページの作り方 

WordPressサイトをリニューアルするために一時中断する必要があったとき、私はWordPressの工事中ページを作成し、プロフェッショナルな外観を保ち、その間にEメールのリードを集めました。

新しいサイトを立ち上げたり、裏方のアップデートを行う場合、工事中のページは訪問者をループに留めるシンプルな方法です。検索エンジンに上位表示され、サイトが盛り上がり、本番前にEメールリストを増やすこともできます。

このチュートリアルでは、コードを一行も触らずにWordPressのカスタム工事中ページを作る方法を紹介します。

速報：WordPressの工事中ページの作り方

• SeedProdプラグインをダウンロードしてインストールする。
• Coming Soonモードを選択
• メッセージとデザインブロックを追加する
• フォント、色、レイアウトのカスタマイズ
• Eメールプロバイダに接続する
• SEOとアクセス制御の設定
• ページのプレビューと公開

ランディングページと制作中のページが表示されるため、訪問者は舞台裏の面倒なデザインプロセスを見ることはありません。さらに重要なのは、ビジネスの評判やユーザー・エクスペリエンスを損なう可能性のある、壊れたウェブサイトを訪問することがなくなるということだ。

重要なポイント工事中のページは未完成のウェブサイトを隠し、代わりに訪問者にフレンドリーなメッセージを表示します。

WordPressで工事中ページを作成する方法

通常、この種の作業にはメンテナンスページや工事ページのプラグインが必要です。しかし、このガイドではオールインワンのソリューションを使用します。

あなたのウェブサイトに工事中のページを設置するには、SeedProdプラグインを使用します。始める前に、SeedProdの仕組みを見てみましょう。

SeedProdは、カスタムWordPressテーマや魅力的なランディングページを簡単に作成できる最高のWordPressページビルダープラグインです。ホワイトリストに登録されたユーザーの役割により、ウェブサイトへのアクセスを制限し、ウェブサイトと工事中の画面を誰が見るかを選択することができます。

カミングスーン＆メンテナンスモードページの構築は素早く簡単で、開発者の助けを必要としません。なぜなら、SeedProdには高コンバージョンのカスタマイズ可能なランディングページテンプレートがあらかじめ用意されているからです：

• WordPressテーマスターターテンプレート
• 近日公開
• メンテナンスまたは工事中モード
• 404ページ
• 売上高
• ウェビナー
• WooCommerceページ
• リード・スクイーズ
• お礼のページ
• ログインページ

SeedProdのドラッグアンドドロップビルダーを使えば、簡単なブロックやモジュールで工事中ページ、メンテナンスモードページ、近日公開ページをカスタマイズできます。

例えば、Eメールのオプトインフォーム、ソーシャルメディアボタン、価格テーブル、コンタクトフォーム、カウントダウンタイマーなどを追加することができる。これは、リードとエンゲージメントを生み出すのに役立ちます。さらに、リアルタイムで変更を確認することができます。

SeedProdのランディングページ・プラグインは、次のような機能も提供しています：

• レスポンシブ・モバイル対応ページ
• スパム対策
• 強力なアクセス制御
• 主要メールマーケティングサービスとの統合
• その他にもいろいろある。

また、WP Super Cacheのようなキャッシュプラグインを含め、人気のWordPressテーマやプラグインとシームレスに動作します。

SeedProdの素晴らしいところは、ウェブサイトビルダーでもあり、多くの機能を1つのWordPressプラグインに統合していることです。つまり、メンテナンスモード・プラグイン、近日公開プラグイン、あるいは建設中のWordPressプラグインを別々に用意する必要がありません。

SeedProdは、あなたがテストドライブのためにそれを取るしたい場合は、その無料版の無料プラグインを持っています。無料のWordPressプラグインには、作業中にサイトを隠すために必要なものがすべて含まれています。

堅牢なアクセスコントロール、ドメインマッピング、テーマビルド、その他の高度な機能にアクセスするには、プロバージョン（プレミアムバージョン）のご利用をお勧めします。

では、このプラグインを使ってWordPressの工事中ページを作ってみよう。

ビデオ・チュートリアル

ステップ1：SeedProdをダウンロードして始める

WordPressでカスタム工事中ページを作成する最初のステップは、SeedProdプラグインを入手することです。

SeedProd購入後、SeedProdダッシュボードにログインしてください。

下のような画面が表示されます。View License Key, Details, and Downloadsのリンクをクリックすると、ダウンロードページが表示されます。

SeedProdをダウンロードするには、Download Landing Page Proボタンをクリックしてください。

WordPressのダッシュボードに行き、 プラグイン " 新規追加 " プラグインの アップロードをクリックします。あなたのコンピュータをブラウズして、ダウンロードしたzipフォルダをアップロードします。

アクティベートボタンをクリックして作業を開始し、ステップを完了します。

有効化すると、WordPressの管理画面にプラグインの設定ページが表示され、そこでSeedProdのライセンスキーを確認する必要があります。プラグインを購入すると、登録メールアドレスにこのキーが表示されます。

ライセンスキーをコピーし、画面の空欄に貼り付けます。その後、Verify keyをクリックします。また、SeedProd Settingsメニューにアクセスしても、ライセンスセクションを見つけることができます。

ライセンスキーを確認後、ページを下にスクロールし、「最初のページを作成」ボタンをクリックしてください。

その後、SeedProdのダッシュボードに移動し、工事中ページの作成を開始します。

ステップ2：工事中ページの作成

SeedProdのダッシュボードページでは、上部に4つの異なるオプションが表示されます：

• カミングスーンモード- あなたのウェブサイトにカミングスーンページを追加します。
• メンテナンスモード- あなたのウェブサイトをwpメンテナンスモードにします。
• 404ページ- ウェブサイトに404ランディングページを表示します。
• ログイン- WordPressのカスタムログインページを作成します。

ページモードがあれば、工事中プラグインやWordPressメンテナンスモード・プラグインを別途用意する必要はない。

近日公開とメンテナンス・モードの違いについて、多くの人が混乱しています。カミングスーン（近日公開）ページは、まだ本稼働しておらず、建設中のウェブサイトに使用することができます。そして、メンテナンス・モードは、メンテナンスのために現在休止している、すでに開設されたサイトのためのものです。

そこで、工事中のページを作成するには、「Coming Soonページを設定する」ボタンをクリックします。

その後、工事中のページに近日公開のページテンプレートを選ぶことができます。

これらの美しいウェブサイトテンプレートは、あなたがすぐに建設中のページを作成するのに役立ちます。お好きなテンプレートを選択するか、ゼロから始めたい場合は空白のテンプレートを選択してください。

テンプレートを選択した後、プラグインはSeedProdのビジュアルドラッグアンドドロップビルダーに移動します。

ステップ3：工事中ページにコンテンツを追加する

ビジュアルなドラッグ＆ドロップビルダーを使用して、建設中のページにコンテンツを追加できるようになりました。

画面の左側には、カスタム建設中ページをデザインするために使用できるすべての利用可能なコンテンツブロックが表示されます。右側は、あなたのサイトのフロントエンドのプレビューで、建設中のサイト画像が表示されます。

SeedProdのコンテンツブロックには、標準と上級の2つのグループがあります。

標準的なコンテンツブロックは以下の通り：

• 見出し
• テキスト
• リスト
• ボタン
• 画像
• ビデオ
• ディバイダー
• スペーサー
• コラム

よりリードジェネレーションに特化したアドバンスド・コンテンツ・ブロックには、以下のようなものがある：

• プレゼント
• お問い合わせフォーム
• オプチン購読フォーム（GDPRチェックボックス付き）
• カウントダウン・タイマー
• アンカーリンク
• ソーシャル・シェアリング
• ソーシャルメディア・アイコン
• ログインフォーム
• 星の評価
• お客様の声
• プログレスバー
• アコーディオン
• カスタムHTML
• その他

これらのブロックをドラッグ・アンド・ドロップして、建設中のページに追加することができます。

例えば、建設中のページに"Coming Soon "のカウントダウンタイマーを追加し、いつサイトが公開されるかを知ってもらう。

カウントダウンタイマーのブロックを画面右側にドラッグ＆ドロップして追加します。

各要素には、アウトライン、グラデーション、カラーが異なる複数のスタイル・オプションがあります。

ブロックをクリックし、左側の「テンプレート」タブで好きなスタイルを選択できます。

また、テキスト、サイズ、配置などのコンテンツを編集することもできます。また、詳細タブでは、色、タイポグラフィ、スペーシングなどを変更することができます。

ブロックの他に、セクションのタブもあります。セクションは、作成中のページで使用できる、あらかじめ用意されたレイアウトです。

セクションは以下の通り：

• ヘッダー
• ヒーロー
• 行動への呼びかけ
• よくあるご質問
• 特徴
• その他

作成済みのセクションを自動的にクリックして、作成中のページに追加することができます。

下の例では、FAQセクションを追加しています。これは、訪問者があなたのビジネスについて持つかもしれない質問に答える優れた方法です。

右上の緑色の「保存」ボタンをクリックして、進行状況を保存します。

建設ページにコンテンツを追加したら、あとはあなたのブランドに合うようにすべてをカスタマイズしていけばいい。

ステップ4：工事中ページのカスタマイズ

重要なポイントSeedProdのグローバル設定を使用して、フォント、色、背景、レイアウトを変更し、完全にブランド化された外観にしましょう。

左下にある歯車のアイコンをクリックすると、あなたのブランドに合わせて工事中ページをカスタマイズすることができます。グローバルフォント、色、背景画像、カスタムCSSを設定できます。

背景画像を変更するには、「背景」をクリックします。背景の設定を開き、建設中のページの画像、スタイル、位置、色などを設定します。動画の背景を使用することもできます。

背景画像」で、既存の背景画像にある丸い写真のアイコンをクリックします。新しいウィンドウが開き、既存のメディアライブラリから画像を選択するか、新しい画像をアップロードすることができます。

工事中ページの色を変更するには、「色」タブをクリックします。

ヘッダー、テキスト、ボタン、リンク、背景の色を個別に変更できます。

また、SeedProdの20の既成カラーパレットを使用すると、即座に建設中のページにプロフェッショナルな外観を与えることができます。

カスタマイズ中は、定期的に「保存」ボタンを押すことをお忘れなく。

デザインに満足したら、次のステップに進みましょう。

ステップ5: メールマーケティングサービスの統合

重要なポイント建設中のページをEメールサービスに簡単に接続し、ローンチ前にリードの収集を開始しましょう。

建設中のページでリードや購読者を集めたい場合は、Eメールマーケティングサービスをリンクさせる必要があります。

幸いにも、SeedProdはこれを簡単にします。SeedProdは、以下のような一般的なメールマーケティングサービスやオートレスポンダーと統合しています：

• 点滴
• コンスタント・コンタクト
• メールチンプ
• AWeber
• コンバートキット
• GetResponse
• マッド・ミミ
• その他

まず、画面上部の「Connect」タブを開く。

Eメールマーケティングサービスを接続するには、リストでそのサービスを見つけて、[新しいアカウントを 接続]をクリックします。

その後、プロンプトに従って接続し、アカウントを確認します。

特定のメールプロバイダを統合するための完全な手順については、SeedProd統合ドキュメントを参照してください。

Zapier、Google Analytics、RecaptchaともConnectページで接続できます。

ステップ6: WordPress工事中ページの設定

次に、画面上部のページ設定タブをクリックします。このページでは、ページタイトルやURLなどの一般的なページ設定を行うことができます。

また、検索エンジン（SEO）、アナリティクス設定、ユーザーロールを編集することもできます。

設定が完了したら、変更を保存するボタンをクリックします。

ステップ7：サイト構築中ページを公開する

さあ、いよいよ建設中のページを公開する時が来た！

しかし、その前に、工事中のページがモバイルとデスクトップの両方でどのように見えるかをプレビューし、すべてのデバイスで美しく見えることを確認してください。

画面下のプレビューアイコンをクリックすると、モバイルページを即座にプレビューできます。

変更が必要な場合は、アイコンをもう一度クリックすると、デスクトッププレビューに戻ります。また、画面下部の目のアイコンをクリックすると、新しいタブでページをライブプレビューできます。

作成中のレスポンシブページの外観に満足したら、保存ボタンの下にある矢印をクリックし、公開をクリックします。

SeedProdからあなたのページが公開されたことを知らせる成功メッセージが表示されます。

ライブページを見る」をクリックすると、工事中のページが表示されます。

おめでとうございます！あなたは今、WordPressで建設中のランディングページを表示するユーザーフレンドリーなウェブサイトを持っています。

WordPress工事中ページFAQ

そうだ！

SeedProdのランディングページビルダーを使用して、WordPressでウェブサイトの工事中ページを作成する方法がわかりました。カスタムWordPress工事中ページは、リードを収集し、興奮を構築しながら、サイトを隠すのに役立ちます。

このチュートリアルが気に入ったら、ウェブサイト開設前のマーケティング方法についての記事もご覧ください。