コンテンツのステージングを使用してサイトのデザイン変更とリニューアルを行う

コンテンツ ステージング ツールを使用すれば、ステージング環境でウェブサイトとランディングページの再設計や全面改訂を行うことができます。HubSpotでホスティングされている既存のページをデザイン変更して置き換えるか、新しいページをゼロから作成します。コンテンツステージングで作成および公開されたコンテンツは全て、your-domain.sandbox.hs-sites.comでホスティングされます。デザイン変更したページを公開する準備ができたら、ウェブサイト上の複数の公開中のページを同時に置き換えることができます。 

注: この記事では、コンテンツのステージングツールを使用してHubSpotのウェブサイトコンテンツをデザイン変更する方法について説明します。新しいアセットを構築してテストするためのサンドボックス環境をお探しの場合は、 無料のCMS開発者用サンドボックスアカウントの作成方法をご覧ください。

始める前に

コンテンツ ステージング ツールを使用したことがない場合は、ウェブサイト再設計を計画するのに役立つ次のリソースを確認できます。

• ウェブサイトの再設計戦略を策定する方法。
• ページコンテンツを編集する方法を理解する。
• 設定でページのロゴ、フォント、ブランディングを更新します。

制限事項と考慮事項について

• コンテンツのステージング内の ページテンプレート、グローバルコンテンツ、 またはHubDBテーブル に対して行った変更は、これらのアセット を使用している公開中のページに反映され ます。 コンテンツのステージングで編集する前に 、テンプレート、 グローバルコンテンツ、HubDBテーブルを複製することをお勧めします。
• コンテンツのステージングツールは 多言語コンテンツをサポートしていません。
• コンテンツのステージングツールを使ってブログページのデザインを変更することはできません。代わりに、設定でブログのテンプレート を 置換できます。デザイン変更したテンプレートがどのように表示されるかを公開する前に確認するには、テスト用の 新しいブログを作成し てください。
• 稼働中のページをステージング後ページに置換すると、元のページのアナリティクスが繰り越されます。これは、ステージングされた複製とステージングされた空白ページの両方に当てはまります。 
• HubSpotからサブドメインの接続を解除すると、そのサブドメインでステージングされたページにアクセスできなくなります。 

ウェブサイトのドメインを変更する(任意)

デザイン変更したウェブサイトが新しいドメインでホスティングされる場合は、設定でその新しいドメインを追加します。DNSレコードをまだ更新しない場合でも、ドメインマネージャーにドメインを追加すると、そこにあるページをステージングできます。

新しいウェブサイトを公開する準備ができたら、DNSプロバイダーで DNSレコードを更新する ことで、新しいドメインとHubSpotとの接続を完了できます。

注: HubSpotに接続できるドメインの数は、HubSpot サブスクリプションによって異なります。 

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
2. 左のサイドバーメニューで［ウェブサイト］>［ドメインとURL］の順にクリックします。
3. 右上の[ ドメインを接続]をクリックします。
4. ダイアログボックスで、[ ホスティング ]をクリックしてから [接続]をクリックします。
5. ドメインの接続を続行します。[ホスティングのセットアップ ]ステップに到達したら、左下の[キャンセル ]をクリックします。ドメインマネージャーに戻ります。
6. ドメインマネージャーで[ アクション ]ドロップダウンメニューをクリックし、[ 公開の準備完了として設定]を選択します。この設定により、HubSpotに完全に接続される前に、ステージングされたコンテンツのターゲットとしてこの新しいドメインを選択することができます。

ページのデザイン変更

コンテンツのステージングでは、新しいステージングのページを作成したり、既存のページの複製をステージングしたり、空白ページをステージングしたりできます。

新しくステージングされたページを作成します

コンテンツステージングで、新しいページを最初から作成します。このオプションは、新しいページを新しいURLに追加する場合に使用します。サイトに新しいページを追加する場合は、必ず 詳細メニューを見直す か、デザイン変更するサイト用の 新しいナビゲーションメニューを作成し てください。

1. HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
2. 右上の［その他のツール］ドロップダウンメニューをクリックし、［コンテンツステージング］を選択します。
3. コンテンツのステージングツールの左上にある [ドメイン]ドロップダウンメニューをクリックして、新しいページが公開およびホスティングされる ドメイン を選択します。 
4. 右上の[ 新しいステージングされたページを作成]をクリックします。
5. ダイアログボックスで オプションを選択します( [サイトページ ]、[ ランディングページ]など)。

6. 新しいステージングのサイトまたはランディングページ の名前を入力します。 
7. [ 新しい[コンテンツタイプ]ページをステージング]をクリックします。[ テンプレートを選択 ]ページが表示されます。
8. [ テンプレートを選択 ]ページで、テンプレートカード で[使用 ]をクリックします。テンプレート、グローバルコンテンツ、またはスタイルシートに変更を加えると、既存の公開中のコンテンツに影響します。
9. テンプレートを選択した後、コンテンツエディターに移動して ページのコンテンツをカスタマイズします。
10. 左上の [戻る ]をクリックして、コンテンツのステージングツールに戻ります。左のメニューに、新しいページが [ステージングされた下書き(#)]で表示されます。
11. ステージングした下書きが完了したら、テーブル内のページの横にある チェックボックスをオンにします 。テーブルの上部にあるsuccessIcon チェックマークアイコンをクリックして 、ページをステージングドメインに公開します。

12. ページがステージングドメインに公開されると、左側のメニューの[ ステージング中の校正(#)] に表示されます。 

既存のページの複製をステージングする

デザイン変更したページで一部の既存のコンテンツを保持する場合は、[ 既存のページの複製をステージング ]オプションを使用します。

1. HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
2. 右上の［その他のツール］ドロップダウンメニューをクリックし、［コンテンツステージング］を選択します。
3. コンテンツ ステージング ツールの左上にある［ドメイン］ドロップダウンメニューをクリックして、ステージング対象のページがホスティングされているドメインを選択します。これは、新しいページが公開およびホスティングされるドメインでもあります。 
4. 左側のメニューで、ステージングするページのタイプを選択します。 
   • 未変更:公開中のページをステージングします。
   • ステージングされた下書き:下書きされたステージングのページの新しいバージョンをステージングします。
   • ステージング中の校正:ステージングドメインに公開されたステージングされたページの新しいバージョンをステージングします。
5. ステージングする ページ の上にマウスポインターを置き、[ ステージ]をクリックします。
6. ダイアログボックスで[ 複製されたページをステージング ]を選択し、[ ページをステージング]をクリックします。

7. コンテンツエディターでページのコンテンツを編集します 。 
8. 完了したら、[ ステージングに公開]をクリックするか、[ 戻る ]をクリックしてコンテンツのステージングツールに戻ります。

注:ステージング中の校正でステージング中に最初に割り当てられた実際のURLとは異なるURLがある場合、URLの競合や相違のアラートが表示されることがあります。ステージングされたページで公開中のページを上書きする場合は、これらのアラートを安全に無視することができます。［稼働中のドメインに公開］ダイアログボックスで、ページ上のステージングされたURLとライブURLを確認できます。URLを変更してステージングのページを公開すると、元々のURLから新しいURLへの恒久的なリダイレクトが作成されます。

空白ページをステージングして既存のページを置き替えます

このオプションは、まったく新しいページを作成してサイトの既存の URL を置き替えたい場合に使用します。コンテンツステージングで設計するページが、ステージングしている元の公開中のページを最終的に置き換えます。 

1. HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
2. 右上の［その他のツール］ドロップダウンメニューをクリックし、［コンテンツステージング］を選択します。
3. コンテンツ ステージング ツールの左上にある［ドメイン］ドロップダウンメニューをクリックして、置換対象のページがホスティングされているドメインを選択します。これは、新しいページが公開およびホスティングされるドメインでもあります。 
4. 左側のメニューで、ステージングするページのタイプを選択します。 
   • 未変更:公開中のページをステージングします。
   • ステージングされた下書き:下書きされたステージングのページの新しいバージョンをステージングします。
   • ステージング中の校正:ステージングドメインに公開されたステージングされたページの新しいバージョンをステージングします。
5. ステージングする ページ の上にマウスポインターを置き、[ ステージ]をクリックします。
6. ダイアログボックスで[ 空白ページをステージング ]を選択し、[ ページをステージング]をクリックします。[ テンプレートを選択 ]ページが表示されます。
7. [ テンプレートを選択 ]ページで、テンプレートカード で[使用 ]をクリックします。テンプレート、グローバルコンテンツ、またはスタイルシートに変更を加えると、既存の公開中のコンテンツに影響します。
8. コンテンツエディターでページのコンテンツを編集します 。
9. 完了したら、[ ステージングに公開]をクリックするか、[ 戻る ]をクリックしてコンテンツのステージングツールに戻ります。

注:ステージング中の校正でステージング中に最初に割り当てられた実際のURLとは異なるURLがある場合、URLの競合や相違のアラートが表示されることがあります。ステージングされたページで公開中のページを上書きする場合は、これらのアラートを安全に無視することができます。［稼働中のドメインに公開］ダイアログボックスで、ページ上のステージングされたURLとライブURLを確認できます。URLを変更してステージングのページを公開すると、元々のURLから新しいURLへの恒久的なリダイレクトが作成されます。

稼働中のドメインに公開

ウェブサイトの再設計が完了したらページを公開します。

• 同じドメインで新しいウェブサイトをホスティングする場合、ステージングされたページはサイトのライブURLを置き換えます。
• 公開準備完了と設定した 新しいドメイン で新しいウェブサイトをホスティングする場合、 DNSプロバイダーでDNSレコードを更新してドメインを接続してください。新しいページが新しいドメインで稼働状態になります。

注: 「Content Hub Professional 」サブスクリプションを利用している場合は、新しいドメインを接続する前に既存の接続を解除する必要があります。

ステージングされたページを公開するには、次の手順に従います。

1. HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
2. 右上の［その他のツール］ドロップダウンメニューをクリックし、［コンテンツステージング］を選択します。
3. コンテンツのステージングツールの左上にある[ 公開]タブをクリックします。
   • 1つのページを公開するには、ページ 名 の上にマウスポインターを置き、[ 公開]をクリックします。
   • 複数のページを公開するには、ページの横にある チェックボックス を選択してから、[ ページを稼働中のドメイン公開(#)に公開]をクリックします。
   • ドメインの全てのステージングページを公開するには、右上の[稼働中のドメインに全て公開 ]をクリックします。
4. ダイアログボックスに[ 公開ジョブ名 ]フィールド の名前を入力します 。これは、コンテンツ ステージング ツールの ［ログ］セクションで公開履歴を確認するときに使われます。
5. 変更内容と変更理由を［公開ジョブの説明］に入力します。
6. ［次へ］をクリックします。

7. 公開ジョブの詳細を次のように確認します。
   • (#)[コンテンツタイプ]ページを追加:新しいページが公開中のウェブサイトに追加されます。 
   • (#)ページを置換:公開中のページがステージングのバージョンに置換され、既存の公開中コンテンツが削除されます。

注：ページを置換すると、元のページのコンテンツが削除されます。この手順を最終的に確定する前に、それぞれの置換を確認することをお勧めします。ページの削除済みコンテンツは 、変更履歴から復元できます。

8. 詳細を確認したら、[ これらの変更を確認した上で、公開します] チェックボックスをオンにして、[ 公開]をクリックします。
9. ［ログ］タブで、公開キュー内の公開ジョブの進捗状況を追跡できます。