- ナレッジベース
- コンテンツ
- デザインマネージャー
- 複数のテンプレートにわたるグローバルコンテンツの利用
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
複数のテンプレートにわたるグローバルコンテンツの利用
更新日時 2025年9月18日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
-
Marketing Hub Professional, Enterprise
-
Content Hub Starter, Professional, Enterprise
- Marketing Hub Basic(旧製品)
グローバルコンテンツを使用すると、ヘッダーやフッターなどの特定のコンテンツセクションをウェブサイトの複数のページにわたって繰り返すことができます。グローバルコンテンツは、コンテンツエディターまたはデザインマネージャーから編集できます。
デザインマネージャーでグローバルコンテンツを作成する
デザインマネージャーでは、開発者が新しいグローバルコンテンツを作成したり、ローカルコンテンツをグローバルコンテンツに変換したりできます。
注: flexible列、 ドラッグ&ドロップエリア、およびコード モジュールは 、グローバルグループには使用できません。
デザインマネージャー内でグローバルモジュールを作成するには、次の手順に従います。- HubSpotアカウントにて、[コンテンツ]>[デザインマネージャー]の順に進みます。。
- ファインダーで、[ファイル]ドロップダウンメニューをクリックし、[新規ファイル]を選択します。
- ダイアログボックスで、[ 今日は何を作成しますか?]をクリックします。 ドロップダウンメニューをクリックし、[ モジュール]を選択して[次へ]をクリックします 。
- [ このモジュールをどこで使用しますか? セクションで、このグローバルモジュールを使用する各コンテンツのタイプの横にある チェックボックスをオンにします 。Eメールに使用されるグローバルモジュールにCSSやJavascriptを含めることはできません。
- [モジュールコンテンツ範囲]セクションで、[ グローバルモジュール]を選択します。
- ファイル名を入力し 、[ 作成]をクリックします 。
- HubSpotアカウントにて、[コンテンツ]>[デザインマネージャー]の順に進みます。。
- ファインダーでテンプレートをクリックして内容 を編集します。
- グローバルグループを作成する場合は、複数のモジュールのオプションを編集できます。Control キー/ Commandキーを押し、グループ化する モジュール をクリックしてから、 インスペクターで groupModuleグループアイコンをクリックします 。
- モジュール または モジュールグループ をクリックして、レイアウトエディターで選択します。
- インスペクターで [その他 ]ドロップダウンメニューをクリックし、[ グローバルモジュールに変換]/[グローバルグループに変換]を選択します。
レイアウトエディターでグローバルモジュールまたはグローバルグループをドラッグ&ドロップテンプレートに追加するには、次の手順に従います。
- HubSpotアカウントにて、[コンテンツ]>[デザインマネージャー]の順に進みます。。
- ファインダーで、ドラッグ&ドロップ テンプレート をクリックして内容を編集します。
- インスペクターで、[+追加]をクリックします。
- [検索]フィールドにテキストを入力するか、[カテゴリーまたはタグによる絞り込み]ドロップダウンメニューをクリックして、グローバルモジュール/グループを見つけます。次に、該当するグローバルモジュール/グループをクリックして、それをテンプレートレイアウトの中にドラッグします。
コンテンツエディターでグローバルコンテンツを編集する
コンテンツエディターで、ページまたは投稿のグローバルコンテンツを編集できます。グローバルコンテンツの変更内容は、同じグローバルコンテンツが入っているテンプレートを使用する全てのコンテンツに適用されます。
注: グローバルコンテンツを編集できるのは、 スーパー管理者権限または グローバルコンテンツ設定権限のいずれかが付与されているユーザーのみです。
-
目的のコンテンツに移動します。
- ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
- ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
- コンテンツの名前をクリックします。
- コンテンツエディターでsiteTreeIconコンテンツアイコンをクリックした後、グローバルモジュールのglobalGroupグローバル コンテンツ アイコンをクリックします。
- 表示されるダイアログボックスで、[グローバル コンテンツ エディターで開く]をクリックします。
- グローバル コンテンツ エディターで siteTreeIcon コンテンツ アイコン をクリックし、 ドラッグ&ドロップツールを使用してグローバルグループ内のモジュールを編集します。
- 以前にロゴを追加していない場合は、ロゴモジュールのグローバルヘッダーにロゴを追加できます。ブランディングの設定について詳細をご確認ください。ロゴを追加するには、 ロゴ モジュールをクリックし、 次に[ブランド設定]をクリックします。
- ダイアログボックスで[ 追加]をクリックします。
- [ アップロード ]をクリックしてパソコンからイメージをアップロードするか、[ 画像を参照 ]をクリックしてファイルツールから画像を選択します。
- [ロゴ名]フィールドにロゴの名前を入力するためのテキストを入力してください。
- [ロゴのaltテキスト]フィールドと[ロゴのURL]フィールドにテキストを入力します。
- 完了したら、[ 保存]をクリックします。次に、[ [#]アセットに公開]をクリックします。
- ナビゲーションメニューを編集するには、モジュールをクリックします。サイドバーエディターで、メニューの[編集]をクリックします。ダイアログボックスで、 引き続きナビゲーションメニューをカスタマイズします。
- 既存のページや記事でグローバルコンテンツをプレビューするには、左上の[ 表示場所 ]ドロップダウンメニューをクリックし、グローバルコンテンツを表示する ページ や 記事 を選択します。グローバルコンテンツを単独で表示するには、代わりに[グループのみ]を選択します。
- 多言語バージョンのグローバルコンテンツを作成するには、左上の [言語 ]ドロップダウンメニューをクリックし、[ 多言語バリエーションを追加/編集]を選択します。多言語グローバルコンテンツの作成について詳細をご確認ください。
- 完了したら、右上の [[#]アセットに公開 ]をクリックします。これらの変更は、グローバルコンテンツを含むテンプレートを使用しているすべてのページと記事に適用されます。
デザインマネージャーでグローバルコンテンツを編集する
開発者はデザインマネージャーでグローバルモジュール/グループを編集できます。グローバルコンテンツの変更内容は、同じグローバルコンテンツが入っているテンプレートを使用する全てのコンテンツに適用されます。
- HubSpotアカウントにて、[コンテンツ]>[デザインマネージャー]の順に進みます。。
- ファインダーでテンプレートをクリックして内容 を編集します。
- 特定のページ、ブログ記事、またはEメールのみを対象にグローバルコンテンツのコンテンツを編集するには、グローバルコンテンツの ローカルコピーを作成して デザインマネージャーで編集できます。
- レイアウトエディターでグローバルグループを編集するには、テンプレートのグローバルグループをクリックします。インスペクターで[その他]ドロップダウンメニューをクリックし、[グローバルグループを編集]を選択します。デザインマネージャーの新しいタブが表示され、そこでグローバルグループの編集を続けます。


- 完了したら、[ 変更を公開]をクリックします。
Blog
Design Manager
Website & Landing Pages
貴重なご意見をありがとうございました。
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。