複数のテンプレートにわたってグローバルコンテンツを使用する方法
更新日時 2023年 1月 19日
グローバルコンテンツは、フッターのように、ウェブサイトの複数のページに渡ってコンテンツの一部分を繰り返すことができます。グローバルコンテンツの編集は、コンテンツエディターやデザインマネージャーから行うことができます。
グローバルコンテンツに加えられた変更は、同じグローバルコンテンツを含むテンプレートを使用するすべてのコンテンツに適用されます。 グローバルなコンテンツを複数の言語で管理する方法についてはこちらをご覧ください。
注意:グローバルコンテンツを編集できるのは、スーパー管理者またはグローバルコンテンツ設定のいずれかの権限を持つユーザーのみです 。
コンテンツエディターでのグローバルコンテンツの編集
-
コンテンツに移動します。
- ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
- ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
- コンテンツの上にカーソルを置き、「編集」をクリックします。
-
コンテンツエディターで、グローバルコンテンツをクリックします。のラベルが貼られます。グローバルグループグローバルコンテンツアイコンが表示されます。
- ダイアログボックスで「グローバルコンテンツエディターで開く」をクリックします。
- グローバルコンテンツエディターでは、ドラッグ&ドロップツールを使って、グローバルグループ内のモジュールを編集します。
- グローバルコンテンツを特定のコンテンツでプレビューするには、ページ上部の「View on 」ドロップダウンメニューをクリックし、グローバルコンテンツがホストされているページまたはポストを選択します。グローバルコンテンツを単独で表示するには、「グループのみ」を選択してください。
- グローバルコンテンツの編集が完了したら、右上の[X]アセットに公開をクリックします。このグローバルコンテンツを含むテンプレートを使用しているすべてのページとブログ記事に、変更内容が適用されます。
デザインマネージャーで新しいグローバルコンテンツを作成する
デザインマネージャーでは、開発者が新しいグローバルコンテンツを作成したり、ローカルコンテンツをグローバルコンテンツに変換したりできます。
注:フレキシブルカラム、ドラッグ&ドロップエリア、およびコードモジュールは、グローバルグループには使用できません。
一からグローバルモジュールを作成するには、次の手順を実行します。
- HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。。
- ファインダーで、[ファイル]ドロップダウンメニューをクリックし、[新規ファイル]を選択します。
- ダイアログボックスで、[今日は何を作成しますか?]ドロップダウンメニューをクリックし、[モジュール]を選択してから、[次へ]をクリックします。
- [このモジュールをどこで使用しますか?]セクションで、このグローバルモジュールを使用するコンテンツの各タイプの横にあるチェックボックスをオンにします。Eメールに使用されるグローバルモジュールには、CSSまたはJavascriptを含めることができません。
- [モジュールコンテンツ範囲]セクションで、[グローバルモジュール]を選択します。
- ファイル名を入力してから、[作成]をクリックします。
既存のローカルモジュールまたはグループを変換するには、次の手順を実行します。
- HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。。
- ファインダーで、テンプレートをクリックしてその内容を編集します。
- グローバルグループを作成する場合は、複数のモジュールのオプションを編集できます。Control / Commandキーを押しながらグループに追加するモジュールをクリックし、次にインスペクターのgroupModuleグループアイコンをクリックします。
- レイアウトエディターでモジュールまたはモジュールグループをクリックして選択します。
- インスペクターで[続き]ドロップダウンメニューをクリックし、[グローバルモジュールに変換]/[グローバルグループに変換]を選択します。

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

グローバルグループを編集するには、次の手順を実行します。
- グローバルグループを編集するには、テンプレートのグローバルグループをクリックします。
- インスペクターで[その他]ドロップダウンメニューをクリックし、[グローバルグループを編集]を選択します。
- デザインマネージャーで新しいタブが開き、グローバルグループのすべてのコンテンツが表示されます。必要に応じてモジュールを追加または削除するか、グローバルコンテンツの内容を編集します。
-
変更内容をコンテンツに適用するには、右上の[編集を公開]をクリックします。
1つのページ、ブログ記事、またはEメールのみでグローバルモジュールまたはグローバルグループのコンテンツを変更する場合は、デザインマネージャーでグローバルコンテンツのローカルコピーを作成し、その内容を個別に編集します。
関連記事
-
カスタム コード テンプレートを作成する
デベロッパーは、HTMLを使用してブログ、ウェブサイトページ、ランディングページ、メールテンプレートを一から構築できます。または、ドラッグ&ドロップテンプレートのレイアウトをHTMLに複製...
ナレッジベース -
スマート コンテンツ ルールを作成して管理する
スマート コンテンツ モジュールには、閲覧者カテゴリーに基づいて異なるバージョンのコンテンツが表示されます。例えば、特定の国からの訪問者またはモバイルデバイスで閲覧している訪問者に代替案を作成することができます。 ...
ナレッジベース -
HubSpotでのフォントの使用
HubSpotのコンテンツで使用できるフォントは、コンテンツのタイプとフォントのタイプによって異なります。一部の既定のフォントは全てのコンテンツエディター...
ナレッジベース