サイトの再設計中にWordPressサイトを一時停止する必要があったとき、工事中ページを作成して、プロフェッショナルな印象を保ちつつ、その間にメールリードを収集しました。
新しいサイトを立ち上げるときや、裏でアップデートを行っているとき、工事中ページは訪問者に状況を伝える簡単な方法です。検索エンジンでのサイトの評価を高め、期待感を醸成し、公開準備が整う前にメールリストを増やすことさえできます。
このチュートリアルでは、コードを一行も触らずにカスタムWordPress工事中ページを作成する方法を紹介します。
クイックサマリー：WordPress工事中ページの作成方法
- SeedProdプラグインをダウンロードしてインストールする
- 「近日公開」モードを選択する
- メッセージとデザインブロックを追加する
- フォント、色、レイアウトをカスタマイズする
- メールプロバイダーを接続する
- SEOとアクセス制御を設定する
- ページをプレビューして公開する
WordPressの工事中ページとは？
工事中ページとは、訪問者に親切なメッセージを表示するWordPressページのことです。「このページは工事中です」と伝えるようにメッセージを編集できます。
工事中モードを有効にすることは、新しいWordPressサイトを一般公開する前に、期待感を高める素晴らしい方法です。
訪問者は、裏で進行中の messy なデザインプロセスを見ることはなく、代わりにランディングページと工事中ページの画像が表示されます。さらに重要なのは、ビジネスの評判やユーザーエクスペリエンスを損なう可能性のある、壊れたウェブサイトを訪問することがないことです。
重要なポイント：工事中ページは、未完成のウェブサイトを非表示にし、代わりに訪問者に親切なメッセージを表示します。
WordPressで工事中ページを作成する方法
通常、この種のタスクにはメンテナンスページまたは工事中ページプラグインが必要になります。しかし、このガイドではオールインワンソリューションを使用します。
ウェブサイトに工事中ページを設置するために、SeedProdプラグインを使用します。始める前に、SeedProdの仕組みを見てみましょう。
SeedProdは、カスタムWordPressテーマや魅力的なランディングページを簡単に作成できる、最高のWordPressページビルダープラグインです。ホワイトリストに登録されたユーザーロールを使用すると、ウェブサイトへのアクセスを制限し、誰があなたのウェブサイトを見るか、工事中画面を見るかを制御できます。
近日公開＆メンテナンスモードページの作成は迅速かつ簡単で、開発者の助けは必要ありません。なぜなら、SeedProdには、以下を含む、事前に構築された、コンバージョン率が高くカスタマイズ可能なランディングページテンプレートのライブラリがあるからです：
- WordPressテーマスターターテンプレート
- 近日公開
- メンテナンスまたは工事中モード
- 404ページ
- セールス
- ウェビナー
- WooCommerceページ
- リード獲得
- サンキューページ
- ログインページ
SeedProdのドラッグ＆ドロップビルダーを使用すると、簡単なブロックとモジュールで、工事中、メンテナンスモードページ、または近日公開ページをカスタマイズできます。
例えば、メールオプトインフォーム、ソーシャルメディアボタン、料金表、お問い合わせフォーム、カウントダウンタイマーなどを追加できます。これにより、リードとエンゲージメントを生成するのに役立ちます。さらに、リアルタイムで変更を確認できます。
SeedProdのランディングページプラグインには、以下のような機能もあります。
- レスポンシブでモバイル対応のページ
- スパム保護
- 強力なアクセス制御
- 主要なメールマーケティングサービスとの連携
- その他多数。
WP Super Cacheのようなキャッシュプラグインを含む、人気のWordPressテーマやプラグインともシームレスに連携します。
SeedProdの素晴らしい点は、ウェブサイトビルダーでもあり、多くの機能を単一のWordPressプラグインに統合していることです。つまり、個別のメンテナンスモードプラグイン、近日公開プラグイン、あるいは別のWordPress工事中プラグインは必要ありません。
SeedProdには、無料プラグインの無料バージョンがあり、試運転したい場合に利用できます。無料のWordPressプラグインには、作業中にサイトを非表示にするために必要なものがすべて含まれています。
堅牢なアクセス制御、ドメインマッピング、テーマ構築、その他の高度な機能にアクセスするには、プロバージョン（プレミアムバージョン）の使用をお勧めします。
それでは、このプラグインを使用してWordPressの工事中ページを作成しましょう。
ビデオチュートリアル
ステップ1：SeedProdのダウンロードから始める
WordPressでカスタム工事中ページを作成するための最初のステップは、SeedProdプラグインを入手することです。
SeedProdを購入したら、SeedProdダッシュボードにログインしてください。
そこから、以下の画面が表示されます。「ダウンロード」ページへのリンクである「ライセンスキー、詳細、ダウンロードを表示」をクリックしてください。
SeedProdをダウンロードするには、「ランディングページプロをダウンロード」ボタンをクリックしてください。
WordPressダッシュボードに移動し、「プラグイン » 新規追加 » プラグインのアップロード」をクリックします。その後、コンピューターから参照して、ダウンロードしたばかりのZIPフォルダをアップロードできます。
「有効化」ボタンをクリックして完了し、作業を開始してください。
有効化すると、WordPress管理画面にプラグイン設定ページが表示され、SeedProdライセンスキーを確認する必要があります。プラグインを購入すると、このキーは登録したメールアドレスで見つけることができます。
ライセンスキーをコピーして、画面の空白フィールドに貼り付けます。次に、「キーの検証」をクリックします。SeedProdの設定メニューにアクセスしてライセンスセクションを見つけることもできます。
ライセンスキーを検証した後、ページを下にスクロールし、「最初のページを作成」ボタンをクリックします。
次にSeedProdダッシュボードに移動し、工事中ページの作成を開始できます。
ステップ2：工事中ページを作成する
SeedProdダッシュボードページには、上部に4つの異なるオプションが表示されます。
- 近日公開モード – ウェブサイトに近日公開ページを追加します。
- メンテナンスモード – ウェブサイトをWordPressメンテナンスモードにします。
- 404ページ – ウェブサイトに404ランディングページを表示します。
- ログイン – カスタムWordPressログインページを作成します。
これらのページモードにより、個別の工事中プラグインやWordPressメンテナンスモードプラグインは不要になります。
多くの人が近日公開モードとメンテナンスモードの違いについて混乱しています。近日公開ページは、まだ公開されておらず、構築中のウェブサイトに使用できます。一方、メンテナンスモードは、現在メンテナンスのために非アクティブになっている既存のサイト用です。
したがって、工事中ページを作成するには、工事中ページを設定するボタンをクリックしてください。
その後、工事中ページ用の近日公開ページテンプレートを選択できます。
これらの美しいウェブサイトテンプレートは、あっという間に工事中ページを作成するのに役立ちます。好きなテンプレートを選択するか、最初から始めたい場合は空白テンプレートを選択してください。
テンプレートを選択した後、プラグインはSeedProdのビジュアルドラッグアンドドロップビルダーに移動し、そこで工事中ページを設定できます。
ステップ3：工事中ページにコンテンツを追加する
これで、ビジュアルドラッグアンドドロップビルダーを使用して、工事中ページにコンテンツを追加できます。
画面の左側には、カスタム工事中ページのデザインに使用できるすべての利用可能なコンテンツブロックが表示されます。右側には、工事中のサイト画像が表示されたウェブサイトのフロントエンドのプレビューがあります。
SeedProdのコンテンツブロックには、標準と高度の2つのグループがあります。
標準コンテンツブロックには以下が含まれます：
- 見出し
- テキスト
- リスト
- ボタン
- 画像
- ビデオ
- 区切り線
- スペーサー
- 列
リードジェネレーションに重点を置いた高度なコンテンツブロックには以下が含まれます：
- プレゼント企画
- お問い合わせフォーム
- オプトイン購読フォーム（GDPRチェックボックス付き）
- カウントダウンタイマー
- アンカーリンク
- ソーシャル共有
- ソーシャルメディアアイコン
- ログインフォーム
- 星評価
- お客様の声
- プログレスバー
- アコーディオン
- カスタムHTML
- その他多数
これらのブロックのいずれかをドラッグアンドドロップして、工事中ページに追加できます。
たとえば、サイトがいつ公開されるかを知ることができるように、工事中ページに近日公開カウントダウンタイマーを追加したい場合があります。
カウントダウンタイマーブロックを画面の右側にドラッグアンドドロップして追加します。
各要素には、さまざまなアウトライン、グラデーション、および色を持ついくつかのスタイルオプションがあります。
ブロックをクリックするだけで、左側のテンプレートタブの下にある、希望するスタイルを選択できます。
また、テキスト、サイズ、配置などのコンテンツを編集することもできます。高度なタブでは、色、タイポグラフィ、スペーシングなどを変更できます。
ブロックの他に、セクション用のタブもあります。セクションは、工事中ページで使用できる既製のレイアウトです。
セクションには以下が含まれます：
- ヘッダー
- ヒーロー
- 行動喚起
- よくある質問
- 機能
- その他多数
工事中ページに追加するために、いずれかの既製セクションを自動的にクリックできます。
以下の例では、よくある質問セクションを追加しました。これは、訪問者があなたのビジネスについて抱く可能性のある質問に答えるのに最適な方法です。
進捗を保存するには、右上にある緑色の保存ボタンをクリックしてください。
工事中ページにコンテンツを追加したら、ブランドに合わせてすべてをカスタマイズし始めることができます。
ステップ4：工事中ページをカスタマイズする
重要なポイント：SeedProdのグローバル設定を使用して、フォント、色、背景、レイアウトを変更し、完全にブランド化された外観にします。
左下隅にある歯車アイコンをクリックして、工事中ページをカスタマイズしてブランドに合わせることができます。これによりグローバル設定に移動し、グローバルフォント、色、背景画像、カスタムCSSを設定できます。
背景画像を変更するには、背景をクリックします。これにより背景設定が開かれ、工事中ページの画像、スタイル、位置、色などを設定できます。ビデオ背景を使用することもできます。
背景画像の下にある、既存の背景画像上の円形の写真アイコンをクリックします。既存のメディアライブラリから画像を選択するか、新しい画像をアップロードするための新しいウィンドウが開きます。
工事中ページの色を変更するには、色タブをクリックします。
ヘッダー、テキスト、ボタン、リンク、背景の色を個別に変更できます。
または、SeedProdの20個の既製カラーパレットを使用して、工事中ページにプロフェッショナルな外観を瞬時に与えることができます。
カスタマイズプロセス中に、定期的に保存ボタンを押すことを忘れないでください。
デザインに満足したら、次のステップに進む時間です。
ステップ5：メールマーケティングサービスを統合する
重要なポイント：工事中ページをメールサービスに簡単に接続して、ローンチ前にリードを収集し始めましょう。
工事中ページでリードや購読者を収集したい場合は、メールマーケティングサービスをリンクする必要があります。
幸いなことに、SeedProdはこれを簡単にします。SeedProdは、以下を含むすべての一般的なメールマーケティングサービスや自動応答サービスと統合されています。
- Drip
- Constant Contact
- Mailchimp
- AWeber
- ConvertKit
- GetResponse
- Mad Mimi
- その他多数
まず、画面上部の接続タブに移動します。
メールマーケティングサービスを接続するには、リストでそれを見つけて、新しいアカウントを接続をクリックします。
次に、プロンプトに従ってアカウントを接続し、確認してください。
特定のメールプロバイダーを統合するための完全な手順については、SeedProd統合ドキュメントを参照してください。
接続ページでZapier、Google Analytics、Recaptchaにも接続できます。
ステップ6：WordPress工事中ページの各種設定を行う
次に、画面上部のページ設定タブをクリックします。このページでページタイトルやURLなどの一般的なページ設定を構成できます。
検索エンジン（SEO）、分析設定、ユーザーロールを編集することもできます。
設定が完了したら、変更を保存ボタンをクリックします。
ステップ7：工事中ページを公開する
いよいよ工事中ページを公開する時が来ました！
ただし、その前に、工事中ページのモバイルとデスクトップでの表示を確認して、すべてのデバイスで素晴らしく見えるようにしてください。
画面下部にあるプレビューアイコンをクリックすると、モバイルページをすぐにプレビューできます。
変更が必要な場合は、アイコンをもう一度クリックしてデスクトッププレビューに戻ります。画面下部にある目のアイコンをクリックすると、新しいタブでページのライブプレビューを取得することもできます。
レスポンシブな工事中ページの表示に満足したら、保存ボタンの下にある矢印をクリックし、公開をクリックします。
SeedProdからページが公開されたことを通知する成功メッセージが表示されます。
ライブページを表示をクリックして、工事中ページを表示します。
おめでとうございます！これで、WordPressで工事中ランディングページを表示するユーザーフレンドリーなウェブサイトが完成しました。
WordPress工事中ページFAQ
WordPressサイトを一般公開しないようにするにはどうすればよいですか？
WordPressサイトを一般公開しないようにする方法については、WordPressサイトを準備ができるまで非表示にする方法のステップバイステップガイドに従ってください。
工事中ページでメールリードを収集できますか？
はい。SeedProdのようなツールを使用すると、工事中ページにメールオプトインフォームを追加して、ローンチ前にリストを増やすことができます。これにより、訪問者とのつながりを維持し、ローンチデーの勢いを築くことができます。
以上です！
これで、SeedProdのランディングページビルダーを使用してWordPressで工事中ウェブサイトページを作成する方法がわかりました。カスタムWordPress工事中ページは、コードを書かずにサイトを非表示にしながら、リードを収集し、興奮を構築するのに役立ちます。
このチュートリアルが気に入ったら、ローンチ前にウェブサイトをマーケティングする方法に関する投稿をご覧ください。
