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

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

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

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

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

1. HubSpotアカウントにて、［コンテンツ］＞［デザインマネージャー］の順に進みます。。
2. ファインダーで、［ファイル］ドロップダウンメニューをクリックし、［新規ファイル］を選択します。
3. ダイアログボックスで、[ 今日は何を作成しますか?]をクリックします。 ドロップダウンメニューをクリックし、[ モジュール]を選択して[次へ]をクリックします 。
4. [ このモジュールをどこで使用しますか? セクションで、このグローバルモジュールを使用する各コンテンツのタイプの横にある チェックボックスをオンにします 。Eメールに使用されるグローバルモジュールにCSSやJavascriptを含めることはできません。
5. [モジュールコンテンツ範囲]セクションで、[ グローバルモジュール]を選択します。
6. ファイル名を入力し 、[ 作成]をクリックします 。

1. HubSpotアカウントにて、［コンテンツ］＞［デザインマネージャー］の順に進みます。。
2. ファインダーでテンプレートをクリックして内容 を編集します。
3. グローバルグループを作成する場合は、複数のモジュールのオプションを編集できます。Control キー/ Commandキーを押し、グループ化する モジュール をクリックしてから、 インスペクターで groupModuleグループアイコンをクリックします 。
4. モジュール または モジュールグループ をクリックして、レイアウトエディターで選択します。
5. インスペクターで [その他 ]ドロップダウンメニューをクリックし、[ グローバルモジュールに変換]/[グローバルグループに変換]を選択します。

レイアウトエディターでグローバルモジュールまたはグローバルグループをドラッグ&ドロップテンプレートに追加するには、次の手順に従います。

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

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

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

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

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

   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
2. コンテンツの名前をクリックします。
3. コンテンツエディターでsiteTreeIconコンテンツアイコンをクリックした後、グローバルモジュールのglobalGroupグローバル コンテンツ アイコンをクリックします。 
4. 表示されるダイアログボックスで、［グローバル コンテンツ エディターで開く］をクリックします。
5. グローバル コンテンツ エディターで siteTreeIcon コンテンツ アイコン をクリックし、 ドラッグ&ドロップツールを使用してグローバルグループ内のモジュールを編集します。
6. 以前にロゴを追加していない場合は、ロゴモジュールのグローバルヘッダーにロゴを追加できます。ブランディングの設定について詳細をご確認ください。ロゴを追加するには、 ロゴ モジュールをクリックし、 次に[ブランド設定]をクリックします。
   • ダイアログボックスで[ 追加]をクリックします。
   • [ アップロード ]をクリックしてパソコンからイメージをアップロードするか、[ 画像を参照 ]をクリックしてファイルツールから画像を選択します。
   • [ロゴ名]フィールドにロゴの名前を入力するためのテキストを入力してください。
   • [ロゴのaltテキスト]フィールドと[ロゴのURL]フィールドにテキストを入力します。
   • 完了したら、[ 保存]をクリックします。次に、[ [#]アセットに公開]をクリックします。
7. ナビゲーションメニューを編集するには、モジュールをクリックします。サイドバーエディターで、メニューの[編集]をクリックします。ダイアログボックスで、 引き続きナビゲーションメニューをカスタマイズします。
8. 既存のページや記事でグローバルコンテンツをプレビューするには、左上の[ 表示場所 ]ドロップダウンメニューをクリックし、グローバルコンテンツを表示する ページ や 記事 を選択します。グローバルコンテンツを単独で表示するには、代わりに［グループのみ］を選択します。
9. 多言語バージョンのグローバルコンテンツを作成するには、左上の [言語 ]ドロップダウンメニューをクリックし、[ 多言語バリエーションを追加/編集]を選択します。多言語グローバルコンテンツの作成について詳細をご確認ください。

10. 完了したら、右上の [[#]アセットに公開 ]をクリックします。これらの変更は、グローバルコンテンツを含むテンプレートを使用しているすべてのページと記事に適用されます。

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

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

1. HubSpotアカウントにて、［コンテンツ］＞［デザインマネージャー］の順に進みます。。
2. ファインダーでテンプレートをクリックして内容 を編集します。
3. 特定のページ、ブログ記事、またはEメールのみを対象にグローバルコンテンツのコンテンツを編集するには、グローバルコンテンツの ローカルコピーを作成して デザインマネージャーで編集できます。
4. レイアウトエディターでグローバルグループを編集するには、テンプレートのグローバルグループをクリックします。インスペクターで[その他]ドロップダウンメニューをクリックし、[グローバルグループを編集]を選択します。デザインマネージャーの新しいタブが表示され、そこでグローバルグループの編集を続けます。

5. 完了したら、[ 変更を公開]をクリックします。