公開前に、WordPressサイトのプレビューを「近日公開モード」、WordPressの組み込みエディター、またはステージング環境で確認できます。
各方法は異なる状況に対応します。「近日公開モード」では、訪問者にプレースホルダーページを表示しながら、サイト全体を非公開で構築できます。「エディタープレビュー」では、公開前に個々の投稿やページを確認できます。「ステージング環境」では、本番サイトの安全なコピーで大規模な変更をテストできます。
このガイドでは、WordPressサイトをプレビューする6つの簡単な方法をご紹介します。準備が整うまで公開されないようにしましょう。
1.カミングスーンモードでローンチ前にWordPressをプレビュー
新しいサイトを構築している場合は、近日公開のページを有効にして、作業中に訪問者に洗練されたプレースホルダーを見せるようにしましょう。ログインして変更をプレビューし、本番前にすべてをテストすることができます。
これを簡単な方法で行うには、SeedProdを使用します。SeedProdは、美しいcoming soonページを作成できる最高のWordPressウェブサイトビルダーであり、ローンチまで実際のサイトを非公開にすることができます。
まず、WordPressサイトにSeedProdをインストールし、有効化します。Proバージョンを使用している場合は、SeedProd " Settingsにライセンスキーを入力してください。
次に、SeedProd " LandingPagesに行き、Set up a Coming Soon pageをクリックします。
そこから好きなテンプレートを選び、ロゴやメッセージ、Eメール登録フォームやソーシャルリンクなどの追加要素を加えてカスタマイズする。
また、「接続」タブでEメールプロバイダに接続することもできますので、ローンチ前に購読者の収集を開始することができます。
カミングスーンページを保存して公開し、ランディングページ画面に戻って、カミングスーンモードをアクティブに切り替えます。
今後、訪問者はあなたの近日公開ページを見ることができます。ログインした管理者は実際のサイトを見ることができ、デスクトップとモバイルで変更をプレビューすることができます。
開設の準備ができたら、SeedProdに戻ってトグルをオフにするだけです。サイトは即座に公開されます。
より詳細が必要な場合は、SeedProdを使用してWordPressでcoming soonページを作成する方法の完全なガイドを参照してください。
2.本番前にクライアントにサイトをプレビューさせる
クライアントのためにウェブサイトを構築する場合、サイトをすぐに公開することなく進捗状況を共有するシンプルな方法が必要だ。
一部のホスティングプランにはステージングリンクが含まれていますが、すべてではありません。そのため、最も簡単なオプションはSeedProdを使用することです。進行中のサイトを近日公開のページの後ろに隠すだけでなく、プライベートプレビューを共有するための強力なアクセスコントロールを提供します。
例えば、訪問者のためにブランド化されたcoming soonページを作成し、クライアントに秘密のバイパスリンクを送ることで、あなたが変更を続けている間、完全なサイトを見ることができます。
SeedProdでクライアントのプレビューを設定する方法を説明します。
まず、上記の手順に従って、coming soonページを作成する。
次に、エディター内のページ上部にあるページ設定タブをクリックします。
次に、アクセスコントロールの見出しをクリックすると、クライアントにウェブサイトのプレビューを許可するためのさまざまな方法が表示されます。
これを行う最も簡単な方法は、バイパスURL オプションを使用することです。このエリアにフレーズを入力し、あなたのcoming soonページをバイパスする秘密のURLをクライアントに教えることができます。
その結果、一般に公開する前にサイトの進捗状況をプレビューすることができる。
3.WordPressエディターで投稿とページをプレビューする
WordPressには、目の前にあっても一般ユーザーが見落としがちな便利な機能がたくさんある。そのひとつが、サイトのプレビュー設定だ。
WordPressで新しい投稿やページを作成または更新するとき、そのまま「公開」ボタンに向かわないでください。代わりに、WordPressエディターの上部にあるプレビューリンクを選択してください。
このリンクをクリックすると、ワードプレスのコンテンツをプレビューすることができます：
- デスクトップ
- タブレット
- モバイル
新しいブラウザのタブでWordPressサイトをプレビューすることもできる。
変更に満足できない場合は、ツールバーの［元に戻す］ボタンをクリックできます。
また、右側のパネルにあるリビジョンオプションをクリックすると、異なるバージョンのコンテンツを比較することができます。
そこから以前のバージョンを復元し、公開をクリックすることができる。
これらのWordPressのオプションは、どこにあるのかがわかれば、とても貴重なものです。しかし、前述したように、これらのオプションがすぐにわかるとは限りません。
4.ライブプレビューでWordPressテーマをプレビューする
WordPressで変更したいのはコンテンツではなく、WordPressテーマ全体であることがあります。現在のテーマが古くなっていたり、ウェブサイトの見た目を一新したい場合もあるでしょう。
どのような理由であれ、新しいWordPressテーマをあなたのサイトで有効化する前にプレビューする方法が必要です。そうでなければ、そのデザインがあなたの特定のコンテンツやWordPressの設定に合っているかどうか、正しく機能するかどうかを判断するのは難しいからです。
WordPressでテーマをプレビューするには、WordPressの管理エリアから外観 " テーマに移動します。これにより、現在インストールされているすべてのテーマが表示されます。
別のテーマがどのように見えるかを見るには、テーマのサムネイルにマウスカーソルを合わせ、ライブプレビューボタンをクリックします。
WordPressは、新しいテーマで表示されるウェブサイトのプレビューを開きます。
そこから、さまざまなテーマ設定に目を通し（詳細は後述）、「Activate & Publish（有効化＆公開）」ボタンをクリックして、ウェブサイト上でテーマをライブにすることができます。
プレビューが気に入らない場合は、いつでも左側のパネルの変更ボタンをクリックできます。
これにより、ウェブサイトにインストールされているすべてのテーマから、プレビューする別のテーマを選択することができます。
または、WordPress.orgオプションをクリックすると、WordPressテーマリポジトリで利用可能な何百もの無料のWordPressテーマを見ることができます。
このパネルで任意のテーマをインストールし、上記の手順に従ってウェブサイト上でプレビューすることができます。
5.ライブカスタマイザーでカスタマイズをプレビュー
WordPressのテーマには満足しているけれど、サイトをもっと使いやすくするためにいくつか変更したいとしましょう。例えば、サイドバーにウィジェットを追加したいとか、トップページにブログ記事だけを表示したいとか。
通常は、WordPressのダッシュボードから設定 " 読書にアクセスして、手動でこれらの設定を変更する必要があります。
または、サイドバーにウィジェットを追加するには、外観 " ウィジェット。
しかし、これらの設定をより簡単に変更し、変更内容のプレビューをリアルタイムで確認する方法があります。それがWordPressカスタマイザーです。
カスタマイザーはWordPressサイトのどこからでもアクセスできます。ウェブサイトの最前面を表示している場合は、一番上のツールバーのカスタマイズをクリックするだけです。
ウェブサイトのバックエンドにいる場合は、外観 " カスタマイズに移動できます。
カスタマイズオプションをクリックすると、現在のウェブサイトが新しい画面で開きます。
左側のパネルには、以下のようなさまざまなウェブサイト設定があります：
- サイト・アイデンティティ
- 外観
- ヘッダー
- メニュー
- ウィジェット
- ホームページ設定
- 追加のCSS
- さらに
そして右側は、あなたのウェブサイトのライブプレビューです。サイト設定に加えた変更をリアルタイムでプレビューで確認することができます。
例えば、サイトに新しいウィジェットを追加するには、ウィジェット見出しをクリックし、ウィジェットを追加するサイドバーを選択します。
次に、[ウィジェットを追加]ボタンをクリックして、サイトで利用可能なウィジェットから選択します。
クリックしてウィジェットを選択すると、ウィジェットパネルとウェブサイトのプレビューに即座に表示されます。
このプロセス全体を通して、WordPressサイトをカスタマイズし、プレビューすることができます。すべての外観に満足したら、公開をクリックすることを忘れないでください。
6.SeedProdでWordPressランディングページをプレビューする
多くのウェブサイトオーナーは、ビジネスのリードと売上を増やしたいと考えています。そのための最善の方法は、優れたデジタルマーケティング戦略とコンバージョンの高いランディングページです。
しかし、多くのランディングページプラグインは、本番前にデザインをプレビューする簡単な方法を提供していません。あるいは、あったとしても、モバイルプレビューやライブ編集のような必要不可欠な機能が欠けている。
WordPressでランディングページを作成し、すぐにライブデモを見たい場合は、SeedProdを使用することをお勧めします。
大量の多目的ランディングページテンプレートで、すぐに始めることができます。そして、あなたのビジネスのために最大のリードを得るために、すべてのページ要素をカスタマイズすることができます。
このガイドに従って、SeedProdでランディングページを作成する方法を学んでください。
ランディングページのデザインが完了したら、画面下部のモバイルプレビューアイコンをクリックします。
モバイル版ランディングページのライブデモが開きます。そこからモバイル版のランディングページをプレビューし、思い通りの外観になるまで変更を加えることができます。
デスクトッププレビューに戻るには、同じアイコンをクリックします。
新しいブラウザのタブでランディングページ全体をプレビューすることもできます。まず、緑色の保存ボタンをクリックして最新の変更内容を保存し、次にプレビューボタンをクリックします。
ランディングページのプレビューが新しいタブで開くので、どのように見えるかを確認できます。
7.SeedProdでWordPressテーマをプレビューする
ランディングページの作成に加え、SeedProdには強力なWordPressテーマビルダーも含まれています。ページビルダーと同じドラッグ＆ドロップ機能を使用しているため、コードを書いたり開発者を雇ったりすることなく、カスタムWordPressテーマを作成することができます。
また、SeedProd Proプランでは、WordPressのテーマファイルを別々にアップロードしてインストールする必要がありません。
SeedProdでWordPressテーマのレイアウトを構成するすべてのパーツを作成できます。ライブラリからテーマテンプレートを選ぶだけです。
そして、表示条件やテーマパーツをあなたのウェブサイトのニーズに合わせて編集することができます。
そこから、ランディングページで行ったように、ビジュアルエディターでテーマの各セクションをカスタマイズすることができます。
テーマのデザインとレイアウトに満足したら、SeedProdのモバイルおよびデスクトップWebサイトプレビュアーでプレビューできます。
ページビルダーと同様に、モバイルとデスクトップの両方のレイアウトで異なる要素の可視性をオフにすることができます。
8.ステージング環境による開発作業のプレビュー
上記の方法は、WordPressサイトのちょっとした変更をプレビューするには最適な方法です。しかし、大規模なアップデートを計画していたり、クライアントのために開発プロジェクトに取り組んでいたりする場合は、もう少し高度なものが必要になります。
このような場合は、開発サイトとも呼ばれるステージング・サイトを使用することをお勧めします。
ステージングサイトは、作業中の本番サイトのクローンです。本番サイト（ライブサイト）で公開する前に、安全な環境で新しい変更をテストすることができます。
多くのウェブホストは、ホスティングパッケージの一部としてステージング環境と本番環境を提供しています。最も人気のあるオプションはBluehostです。
Bluehostは、市場で最高の管理WordPressホスティングプロバイダであり、WordPress.orgによって正式に推奨されています。それは24時間365日の顧客サポートと初心者や中規模から大規模なビジネス向けのホスティングプランの多種多様な提供しています。
Bluehostのすべての管理WordPressホスティングプランはまた、組み込みのステージング環境を提供していますので、あなたのライブウェブサイトにそれらをプッシュする前に、新しい機能をテストすることができます。彼らは成長するWordPressサイトのための最良の選択である理由のすべての詳細を学ぶために、このBluehostのレビューをチェックしてください。
それでは、Bluehostでステージング環境をセットアップする方法を見てみましょう。
まず、WordPressサイトの管理画面にログインし、Bluehost " Stagingに移動します。ステージングサイトとは何かを説明する画面と、本番サイトのURLが表示されます。
ステージング環境を作成するには、Create Staging Siteボタンをクリックします。
Bluehostは、あなたのウェブサイトのステージング環境を準備します。完了すると、それはあなたのステージングまたは本番サイトにアクセスするためのオプションの画面が表示されます。
ステージングサイトオプションをクリックして、ステージングWordPressサイトの管理エリアに移動します。ステージング環境で作業していることを示す赤いボタンが管理バーの上部に表示されます。
これで、本番サイトへの影響を心配することなく、ウェブサイトでの作業を進めることができる。
ライブウェブサイトで変更を公開する準備ができたら、[すべての変更をデプロイ]ボタンの隣にある下向き矢印をクリックします。
展開のための3つのオプションが表示されます：
- すべての変更を展開する
- ファイルのみデプロイ
- データベースの展開
よくわからない場合は、[すべての変更をデプロイ] ボタンをクリックして、ステージング環境から本番の WordPress サイトにすべての変更を送信します。
本番稼働前のWordPressプレビューに関するFAQ
この記事で、本番前にWordPressサイトをプレビューする方法を学んでいただけたら幸いです。WordPressの最も一般的な問題とその解決方法については、こちらのガイドもお勧めです。
この記事を気に入っていただけたなら、YouTube、Twitter、 Facebookで、あなたのビジネスの成長に役立つ有益なコンテンツをもっとご覧ください。
