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

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

更新日時 2020年 7月 15日

対象製品

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

ウェブサイトをデザインするときには、特定のコンテンツのセクションを複数のページで繰り返して使用したいことがあります。たとえば、会社名、メニュー、ソーシャルアイコンを含むフッターを、ウエブサイトのすべてのページで使用する場合などです。

始める前に

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

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

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

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

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

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

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

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

edit%20global%20content

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

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

基本的なHTMLとCSSの使用に慣れている場合は、デザインマネージャーツールを使用して独自のグローバルコンテンツをデザインできます。

グローバルコンテンツを新規に作成するには、次の手順を実行します。

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

グローバルモジュールまたはグローバルグループをテンプレートに追加するには、次の手順に従います。

  • レイアウトインスペクターで [追加] をクリックします。
  • 次に、グローバルモジュール/グループをクリックしてテンプレートレイアウトにドラッグし、配置したい位置でリリースします。
HubSpotのヘルプ記事のスクリーンショット
  • グローバルグループを編集するには、テンプレートのグローバルグループをクリックします。  
  • インスペクタ―で [続き] ドロップダウンメニューをクリックし、[グローバルグループを編集] を選択します。

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

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

/jp/cms-general/use-global-content-across-multiple-templates