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

複数のテンプレートにわたってグローバルコンテンツを使用する方法

更新日時 2021年 10月 6日

対象製品

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

グローバルコンテンツは、フッターのように、ウェブサイトの複数のページに渡ってコンテンツの一部分を繰り返すことができます。グローバルコンテンツの編集は、コンテンツエディターやデザインマネージャーから行うことができます。

グローバルコンテンツに加えられた変更は、同じグローバルコンテンツを含むテンプレートを使用するすべてのコンテンツに適用されます。 グローバルなコンテンツを複数の言語で管理する方法についてはこちらをご覧ください。

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


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

  • コンテンツに移動します。

    • ウェブサイトページ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ウェブサイトページ]の順に進みます。
    • ランディングページ:HubSpotアカウントにて、[マーケティング] > [ランディングページ]の順に進みます。
    • ブログ:HubSpotアカウントにて、[マーケティング] > [ウェブサイト] > [ブログ]の順に進みます。
  • コンテンツの上にカーソルを置き、「編集」をクリックします。
  • コンテンツエディターで、グローバルコンテンツをクリックします。のラベルが貼られます。グローバルグループグローバルコンテンツアイコンが表示されます。

  • ダイアログボックスで「グローバルコンテンツエディターで開く」をクリックします。
  • グローバルコンテンツエディターでは、ドラッグ&ドロップツールを使って、グローバルグループ内のモジュールを編集します。
  • グローバルコンテンツを特定のコンテンツでプレビューするには、ページ上部の「View on 」ドロップダウンメニューをクリックし、グローバルコンテンツがホストされているページまたはポストを選択します。グローバルコンテンツを単独で表示するには、「グループのみ」を選択してください。
  • グローバルコンテンツの編集が完了したら、右上の[X]アセットに公開をクリックします。このグローバルコンテンツを含むテンプレートを使用しているすべてのページとブログ記事に、変更内容が適用されます。

グローバルコンテンツの編集

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

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

注:フレキシブルカラムドラッグ&ドロップエリア、およびコードモジュールは、グローバルグループには使用できません。

一からグローバルモジュールを作成するには、次の手順を実行します。 

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

既存のローカルモジュールまたはグループを変換するには、次の手順を実行します。

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。。
  • ファインダーで、テンプレートをクリックしてその内容を編集します。
  • グローバルグループを作成する場合は、複数のモジュールのオプションを編集できます。Control / Commandキーを押しながらグループに追加するモジュールをクリックし、次にインスペクターgroupModuleグループアイコンをクリックします。
  • レイアウトエディターでモジュールまたはモジュールグループをクリックして選択します。
  • インスペクター[続き]ドロップダウンメニューをクリックし、[グローバルモジュールに変換]/[グローバルグループに変換]を選択します。
Make-Module-Global.png

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

グローバルグループを編集するには、次の手順を実行します。 

  • グローバルグループを編集するには、テンプレートのグローバルグループをクリックします。  
  • インスペクターで[その他]ドロップダウンメニューをクリックし、[グローバルグループを編集]を選択します。

edit-global-group

  • デザインマネージャーで新しいタブが開き、グローバルグループのすべてのコンテンツが表示されます。必要に応じてモジュールを追加または削除するか、グローバルコンテンツの内容を編集します。
  • 変更内容をコンテンツに適用するには、右上の[編集を公開]をクリックします。

1つのページ、ブログ記事、またはEメールのみでグローバルモジュールまたはグローバルグループのコンテンツを変更する場合は、デザインマネージャーでグローバルコンテンツのローカルコピーを作成し、その内容を個別に編集します。