メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

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

更新日時 2025年 2月 12日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

Content Hub   Professional , Enterprise

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

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

始める前に

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

コンテンツステージングツールを使用する際には、さらに次のような注意点と制限事項があります。

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

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

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

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

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

ドメインマネージャーに新しいドメインを追加するには、次の手順に従います。 

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

ページのデザインを変更する

コンテンツステージングツールを使用してページのデザインを変更する方法には3種類あります。

  • 既存のページの複製をステージングします。
  • 空白ページをステージングして既存のページを置き換えます。
  • 新しいステージングのページを作成します。

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

デザイン変更したページで一部の既存のコンテンツを保持するには、このオプションを使用します。

  • HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
  • 右上の[その他のツール]ドロップダウンメニューをクリックし、[コンテンツステージング]を選択します。
  • コンテンツステージングツールの左上にある[ドメイン]ドロップダウンメニューをクリックして、ステージングするページがホスティングされるドメインを選択します。これは、新しいページが公開およびホスティングされるドメインでもあります。 

  • ステージングするページのタイプを選択します。 
    • 公開中のページをステージングするには、[未変更]タブをクリックします。
    • ステージングのページの新しいバージョンを下書きモードでステージングするには、[ステージングされた下書き]タブをクリックします。
    • ステージングドメインで公開されたステージングのページの新しいバージョンをステージングするには、[ステージング中の校正]タブをクリックします。
  • ステージングするページにポインターを置き、[ステージ]をクリックします。
  • ダイアログボックスで[複製されたページをステージング]をクリックし、[ページをステージング]をクリックすると、公開中のページの複製がコンテンツ ステージング エディターで開きます。 
  • ページエディターでページのコンテンツを編集します。テンプレート、グローバルコンテンツ、またはスタイルシートに対する変更は、既存の公開中のコンテンツに影響することに注意してください。
  • 編集が完了したら[ステージングに公開]をクリックします。
  • [ステージングに公開]をクリックしてコンテンツステージングに戻るか、[公開して編集を続行]をクリックしてページの編集を続けます。

注:ステージング中の校正が、ステージング中に最初に割り当てられた公開中URLとは異なるものを参照している場合、URLの競合と不一致に関するアラートが表示される場合があります。ステージング中のページで公開中のページを上書きする場合は、これらのアラートを無視していただいて問題ありません。[稼働中のドメインに公開]ダイアログボックスで、ページ上のステージングされたURLと公開URLを確認できます。URLを変更してステージングのページを公開すると、元のURLから新しいURLへの恒久的なリダイレクトが作成されます。


空白ページをステージングして既存のページを置き換える

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

  • HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
  • 右上の[その他のツール]ドロップダウンメニューをクリックし、[コンテンツステージング]を選択します。
  • コンテンツステージングツールの左上にある[ドメイン]ドロップダウンメニューをクリックして、置換対象のページがホスティングされているドメインを選択します。これは、新しいページが公開およびホスティングされるドメインでもあります。 

  • ステージングするページのタイプを選択します。 
    • 公開中のページをステージングするには、[未変更]タブをクリックします。
    • ステージングのページの新しいバージョンを下書きモードでステージングするには、[ステージングされた下書き]タブをクリックします。
    • ステージングドメインで公開されたステージングのページの新しいバージョンをステージングするには、[ステージング中の校正]タブをクリックします。
  • ステージングするページにポインターを置き、[ステージ]をクリックします。
  • ダイアログボックスで[空白ページをステージング]を選択し、[ページをステージング]をクリックします。
  • 新しいステージングのページ用のテンプレートを選択します。テンプレート、グローバルコンテンツ、またはスタイルシートに対する変更は、既存の公開中のコンテンツに影響することに注意してください。
  • ページエディターでページのコンテンツを編集します。編集が完了したら[ステージングに公開]をクリックします。
  • [ステージングに公開]をクリックしてコンテンツステージングに戻るか、[公開して編集を続行]をクリックしてページの編集を続けます。

注:ステージング中の校正が、ステージング中に最初に割り当てられた公開中URLとは異なるものを参照している場合、URLの競合と不一致に関するアラートが表示される場合があります。ステージング中のページで公開中のページを上書きする場合は、これらのアラートを無視していただいて問題ありません。[稼働中のドメインに公開]ダイアログボックスで、ページ上のステージングされたURLと公開URLを確認できます。URLを変更してステージングのページを公開すると、元のURLから新しいURLへの恒久的なリダイレクトが作成されます。

新しいステージングのページを作成する

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

  • HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
  • 右上の[その他のツール]ドロップダウンメニューをクリックし、[コンテンツステージング]を選択します。
  • コンテンツステージングツールの左上にある[ドメイン]ドロップダウンメニューをクリックして、新しいページが公開およびホスティングされるドメインを選択します。 

  • 右上の[新しいステージングされたページを作成]をクリックします。
  • 新しいサイトページまたはランディングページのどちらをステージングするかを選択します。
  • テキストボックスに、新しいステージングのサイトページまたはランディングページの名前を入力します。 
  • [新しいランディング/サイトページをステージング]をクリックします。
  • 新しいステージングのページ用のテンプレートを選択します。テンプレート、グローバルコンテンツ、またはスタイルシートに対する変更は、既存の公開中のコンテンツに影響することに注意してください。
  • ページエディターでページのコンテンツを編集します。編集が完了したら[ステージングに公開]をクリックします。
  • [ステージングに公開]をクリックしてコンテンツステージングに戻るか、[公開して編集を続行]をクリックしてページの編集を続けます。
  • コンテンツステージングツールの左上にある[ステージングされた下書き]タブでは未公開のステージングのページを、[ステージング中の校正]タブでは公開済みのステージングのページを確認できます。

ステージングサイトを公開する

ウェブサイトのデザイン変更が完了したらページを公開できます。

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

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

  • HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
  • 右上の[その他のツール]ドロップダウンメニューをクリックし、[コンテンツステージング]を選択します。
  • コンテンツステージングツールの左上にある[公開]タブをクリックします。
    • 1つのページを公開するには、ページ名の上にポインターを置き、[公開]をクリックします。
    • 複数のページを公開するには、ページの横にあるチェックボックスを選択し、[xページを稼働中のドメイン公開]をクリックします。
    • ドメインの全てのステージングページを公開するには、右上の[稼働中のドメインに全て公開]をクリックします。

  • ダイアログボックスで、公開ジョブに公開ジョブ名を付けます。これを使用して、コンテンツステージングツールの[ログ]セクションで公開履歴を確認できます。
  • 変更内容と変更理由を[公開ジョブの説明]に入力します。
  • [次へ]をクリックします。
  • 公開ジョブの詳細を次のように確認します。
    • [X件のサイト/ランディングページを追加]:新しいページが公開中ウェブサイトに追加されます。
    • [x件のサイト/ランディングページを置換]:公開中のページがステージングのバージョンに置換され、既存の公開中コンテンツが削除されます。

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

  • 準備ができたら、[これらの変更を確認した上で、公開します]チェックボックスをオンにして、[公開]をクリックします。
  • [ログ]タブで、公開キュー内の公開ジョブの進捗状況を追跡できます。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。