複数のテンプレートにわたってグローバルコンテンツを使用する方法
更新日時 2021年 4月 1日
ウェブサイトをデザインするときには、特定のコンテンツのセクションを複数のページで繰り返して使用したいことがあります。たとえば、会社名、メニュー、ソーシャルアイコンを含むフッターを、ウエブサイトのすべてのページで使用する場合などです。
始める前に
- グローバルコンテンツを編集する権限を持つユーザーとスーパー管理者は、デザインマネージャーとページエディターからグローバルコンテンツを作成および編集できます。
- テンプレートの一部がグローバルになっている場合は、デザインマネージャーまたはページエディター自体でそのコンテンツを編集できます。いずれの場合でも、公開するグローバルコンテンツの変更内容は、そのグローバルコンテンツを含むすべてのテンプレートに適用されます。
- コンテンツエディターまたはデザインマネージャーでは、モジュール、グループ、またはセクションの右上隅に表示される globalGroup グローバル アイコンから、グローバルコンテンツを把握できます。
注:フレキシブルカラム、ドラッグ&ドロップエリア、およびコードモジュールは、グローバルグループには使用できません。
コンテンツエディターでグローバルコンテンツを編集する
ページエディターでは、ページテンプレートまたはブログテンプレートに含まれるグローバルコンテンツを更新できます。ページエディターで行ったグローバルコンテンツの変更内容は、同じグローバルコンテンツを含むテンプレートを使用して作成されたすべてのページに適用されます。
-
HubSpotアカウントで、ブログ、ランディングページ、またはウェブサイトページに移動します。
- コンテンツダッシュボードで、グローバルコンテンツを含むページまたはブログ記事の上にカーソルを置き。[編集] をクリックします。
-
ページエディターで、テンプレート内のグローバルコンテンツがglobalGroup グローバルコンテンツアイコンでラベル付けされます。この globalGroup グローバルコンテンツアイコンは、エディターのモジュールグループ、または左側のパネルの [コンテンツ] タブのモジュールリストに直接表示されます。
-
globalGroup グローバルコンテンツをクリックし、次に [グローバルコンテンツを編集] を選択します。これにより、グローバルコンテンツを編集するための新しいコンテンツエディターが開きます。
- 左側のパネルでモジュールをクリックして、左にあるサイドバーエディターでそのコンテンツを編集します。左上の [戻る] をクリックして、グローバルコンテンツのモジュールリストに戻ります。
- 左上の [で表示] ドロップダウンメニューをクリックし、テンプレートのこのグローバルコンテンツを使用している他のアセットのリストを確認します。別のアセットを選択して、グローバルコンテンツの変更がそのページまたはブログ記事にどのように影響するかをプレビューします。
- グローバルコンテンツの編集が完了したら、右上の [[X] 件のアセットに公開] をクリックします。このグローバルコンテンツを含むテンプレートを使用しているすべてのページとブログ記事に、変更内容が適用されます。
複数言語でウェブサイトのコンテンツを管理している場合は、複数言語のグローバルコンテンツを作成して編集する方法を確認します。
デザインマネージャーで新しいグローバルコンテンツを作成する
基本的なHTMLとCSSの使用に慣れている場合は、デザインマネージャーツールを使用して独自のグローバルコンテンツをデザインできます。
グローバルコンテンツを新規に作成するには、次の手順を実行します。
- レイアウトエディターでモジュールまたはモジュールグループをクリックして選択します。
- インスペクターで [続き] ドロップダウンメニューをクリックし、[グローバルモジュールに変換] / [グローバルグループに変換] を選択します。

グローバルモジュールまたはグローバルグループをテンプレートに追加するには、次の手順に従います。
- レイアウトインスペクターで [追加] をクリックします。
- 次に、グローバルモジュール/グループをクリックしてテンプレートレイアウトにドラッグし、配置したい位置でリリースします。

- グローバルグループを編集するには、テンプレートのグローバルグループをクリックします。
- インスペクタ―で [続き] ドロップダウンメニューをクリックし、[グローバルグループを編集] を選択します。
- デザインマネージャーで新しいタブが開き、グローバルグループのすべてのコンテンツが表示されます。必要に応じてモジュールを追加または削除するか、グローバルコンテンツの内容を編集します。
-
変更内容をコンテンツに適用するには、右上の [編集を公開] をクリックします。
1つのページ、ブログ記事、またはEメールのみでグローバルモジュールまたはグローバルグループのコンテンツを変更する場合は、デザインマネージャーでグローバルコンテンツのローカルコピーを作成し、その内容を個別に編集します。
関連記事
-
GoogleタグマネージャーのコードをHubSpotページに追加する
GoogleタグマネージャーとHubSpotを統合して、一か所の複数のソースからのトラッキングを管理することができます。Googleタグマネージャーの詳細については、Googleのスタートガイド...
ナレッジベース -
モジュールの作成と編集
デザイン マネージャー ツールで、カスタム コード モジュールを作成することにより、ブログ、ページ、またはEメールに高度な機能を追加できます。カスタムモジュールに搭載されている幅広い機能により、...
ナレッジベース -
テンプレートでデフォルトのモジュールを使用する
これは、デザインツールでドラッグ&ドロップのテンプレートで使用できる既定のモジュールの概要です。各モジュールタイプは、インスペクターのスタイルとコンテンツのオプション...
ナレッジベース