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

複数のテンプレートにわたるグローバルコンテンツの利用

更新日時 2025年8月20日

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

Marketing Hub   Professional , Enterprise
Content Hub   Starter , Professional , Enterprise
Marketing Hub Basic(旧製品)

グローバルコンテンツを使用すると、ヘッダーやフッターなどの特定のコンテンツセクションをウェブサイトの複数のページにわたって繰り返すことができます。グローバルコンテンツは、コンテンツエディターまたはデザインマネージャーから編集できます。

デザインマネージャーでグローバルコンテンツを作成する

デザインマネージャーでは、開発者が新しいグローバルコンテンツを作成したり、ローカルコンテンツをグローバルコンテンツに変換したりできます。 

注:Flexible列ドラッグ&ドロップエリア、およびコード モジュールは 、グローバルグループには使用できません。 

  • デザインマネージャーでグローバルモジュールを作成するには、次のようにします。
    1. HubSpotアカウントにて、[コンテンツ]>[デザインマネージャー]の順に進みます。。
    2. ファインダーで、[ファイル]ドロップダウンメニューをクリックし、[新規ファイル]を選択します。
    3. ダイアログボックスで、[今日は何を作成しますか?]ドロップダウンメニューをクリックし、[モジュール]を選択してから、[次へ]をクリックします。
    4. [このモジュールをどこで使用しますか?]セクションで、このグローバルモジュールを使用する各コンテンツタイプの横にあるチェックボックスをオンにします。Eメールに使用されるグローバルモジュールにCSSやJavascriptを含めることはできません。 
    5. [モジュールコンテンツ範囲]セクションで、[グローバルモジュール]を選択します。 
    6. ファイル名を入力して、[作成]をクリックします。
  • 既存のローカルモジュールまたはグループを変換するには、次のようにします。
    1. HubSpotアカウントにて、[コンテンツ]>[デザインマネージャー]の順に進みます。。
    2. ファインダーテンプレートをクリックして内容 を編集します。
    3. グローバルグループを作成する場合は、複数のモジュールのオプションを編集できます。Controlキー/Commandキーを押し、グループ化する モジュール をクリックしてから、 インスペクターでgroupModuleグループアイコンをクリックします
    4. レイアウトエディターでモジュールまたはモジュールグループをクリックして選択します。
    5. インスペクターで[その他]ドロップダウンメニューをクリックし、[グローバルモジュールに変換]/[グローバルグループに変換]を選択します。

Make-Module-Global.png

  • グローバルモジュールまたはグループをテンプレートに追加するには、次のようにします。 
    1. HubSpotアカウントにて、[コンテンツ]>[デザインマネージャー]の順に進みます。。
    2. ファインダーテンプレートをクリックして内容 を編集します。
    3. インスペクターで、[+追加]をクリックします。 
    4. 検索]フィールドにテキストを入力するか、[カテゴリーまたはタグによる絞り込み]ドロップダウンメニューをクリックして、グローバルモジュール/グループを見つけます。次に、該当するグローバルモジュール/グループをクリックして、それをテンプレートレイアウトの中にドラッグします。

HubSpotのヘルプ記事のスクリーンショット

コンテンツエディターでグローバルコンテンツを編集する

コンテンツエディターで、ページまたは投稿のグローバルコンテンツを編集できます。グローバルコンテンツの変更内容は、同じグローバルコンテンツが入っているテンプレートを使用する全てのコンテンツに適用されます。 

注: グローバルコンテンツを編集できるのは、 スーパー管理者権限または グローバルコンテンツ設定 権限のいずれかが付与されているユーザーのみです。 

  1. 目的のコンテンツに移動します。

    • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
  2. コンテンツ インデックス ページで、コンテンツの名前をクリックします。 
  3. コンテンツエディターでsiteTreeIconコンテンツアイコンをクリックした後、グローバルモジュールのglobalGroupグローバル コンテンツ アイコンをクリックします。 
  4. 表示されるダイアログボックスで、[グローバル コンテンツ エディターで開く]をクリックします。 
  5. グローバル コンテンツ エディターでsiteTreeIconコンテンツ アイコンをクリックし、ドラッグ&ドロップツールを使用してグローバルグループ内のモジュールを編集します。 
  6. ナビゲーションメニューを編集するには、モジュールをクリックします。サイドバーエディターで、メニューの[編集]をクリックします。ダイアログボックスで、 引き続きナビゲーションメニューをカスタマイズします。 
  7. 既存のページまたは記事でグローバルコンテンツをプレビューするには、左上の[表示場所]ドロップダウンメニューをクリックし、グローバルコンテンツを表示するページまたは記事を選択します。グローバルコンテンツを単独で表示するには、代わりに[グループのみ]を選択します。
  8. 多言語バージョンのグローバルコンテンツを作成するには、左上の[言語]ドロップダウンメニューをクリックし、[多言語バリエーションを追加/編集]を選択します。多言語グローバルコンテンツの作成について詳細をご確認ください。 
  9. グローバルコンテンツの編集が完了したら、右上の[[X]件のアセットに公開]をクリックします。これらの変更は、グローバルコンテンツが入っているテンプレートを使用する全てのページと記事に適用されます。

use-global-content-editor

デザインマネージャーでグローバルコンテンツを編集する

開発者はデザインマネージャーでグローバルモジュール/グループを編集できます。グローバルコンテンツの変更内容は、同じグローバルコンテンツが入っているテンプレートを使用する全てのコンテンツに適用されます。 

  1. HubSpotアカウントにて、[コンテンツ]>[デザインマネージャー]の順に進みます。。
  2. ファインダーテンプレートをクリックして内容 を編集します。
  3. 特定のページ、ブログ記事、またはEメールのみを対象にグローバルコンテンツのコンテンツを編集する場合は、グローバルコンテンツの ローカルコピーを作成して デザインマネージャーで編集できます。
  4. グローバルグループを編集するには、次の手順を実行します。 
    • レイアウトエディターで、該当するテンプレート内のグローバルグループをクリックします。 
    • インスペクター[その他]ドロップダウンメニューをクリックし、[グローバルグループを編集]を選択します。
edit-global-group
    • デザインマネージャーで新しいタブが開き、グローバルグループのすべてのコンテンツが表示されます。必要に応じてモジュールを追加または削除するか、グローバルコンテンツの内容を編集します。
  1. グローバルコンテンツの編集が完了したら、右上の[変更を公開]をクリックします。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。