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

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

更新日時 2021年 4月 30日

対象製品

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

グローバルコンテンツでは、ウェブサイトの複数のページでコンテンツの一部分を繰り返すことができます。たとえば、すべてのウェブサイトページで、会社名、メニュー、ソーシャルアイコンが含まれる同じフッターを使用することができます。

始める前に

  • グローバルコンテンツを編集する権限を持つユーザーとスーパー管理者は、デザインマネージャーとページエディターからグローバルコンテンツを作成および編集できます。
  • テンプレートの一部がグローバルになっている場合は、デザインマネージャーまたはページエディター自体でそのコンテンツを編集できます。いずれの場合でも、公開するグローバルコンテンツの変更内容は、そのグローバルコンテンツを含むすべてのテンプレートに適用されます。
  • コンテンツエディターまたはデザインマネージャーでは、モジュール、グループ、またはセクションの右上隅に表示される globalGroup グローバル アイコンから、グローバルコンテンツを把握できます。

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

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

ページエディターでは、ページテンプレートまたはブログテンプレートに含まれるグローバルコンテンツを更新できます。ページエディターで行ったグローバルコンテンツの変更内容は、同じグローバルコンテンツを含むテンプレートを使用して作成されたすべてのページに適用されます。

  • HubSpotアカウントで、ブログ、ランディングページ、またはウェブサイトページに移動します

  • コンテンツダッシュボードで、グローバルコンテンツを含むページまたはブログ記事の上にカーソルを置き。[編集]をクリックします。
  • ページエディターで、テンプレート内のグローバルコンテンツがglobalGroup グローバルコンテンツアイコンでラベル付けされます。この globalGroup グローバルコンテンツアイコンは、エディターのモジュールグループ、または左側のパネルの[コンテンツ]タブのモジュールリストに直接表示されます。

  • globalGroup グローバルコンテンツをクリックし、次に [グローバルコンテンツを編集]を選択します。これにより、グローバルコンテンツを編集するための新しいコンテンツエディターが開きます。

  • 左側のパネルでモジュールをクリックして、左にあるサイドバーエディターでそのコンテンツを編集します。左上の[戻る]をクリックして、グローバルコンテンツのモジュールリストに戻ります。
  • 左上の[で表示]ドロップダウンメニューをクリックし、テンプレートのこのグローバルコンテンツを使用している他のアセットのリストを確認します。別のアセットを選択して、グローバルコンテンツの変更がそのページまたはブログ記事にどのように影響するかをプレビューします。
  • グローバルコンテンツの編集が完了したら、右上の[[X]件のアセットに公開]をクリックします。このグローバルコンテンツを含むテンプレートを使用しているすべてのページとブログ記事に、変更内容が適用されます。

edit%20global%20content

複数言語でウェブサイトのコンテンツを管理している場合は、複数言語のグローバルコンテンツを作成して編集する方法を確認します。

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

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

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

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

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

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

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

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

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

edit-global-group

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

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