グローバルコンテンツ

グローバルコンテンツは、ウェブサイト内で複数のページにわたって一貫した情報を表示する部分に使用するのが最適です。例としては、ウェブサイトのヘッダーとフッターがあります。グローバルコンテンツの例は、このページの最上部にもあります。開発者向けサイトのヘッダーでは、グローバルコンテンツを利用して、以下のような最上部のヘッダーを作成しています。

グローバルコンテンツは次のような領域にも使用できます。

• ウェブサイトのセクション別のセカンダリーナビゲーション
• 著作権のフッター（またはサブフッター）
• ブログ記事のサイドバー（最近の投稿、執筆者リストなどの表示に使用）

グローバルパーシャルとは、ウェブサイト全体で再利用可能なHTMLおよびHubLのコンテンツ要素です。典型的なパーシャルは、ウェブサイトのヘッダー、サイドバー、フッターです。 

グローバルモジュールとは、サイト上の複数のページで使用可能な1つまたは複数のコンテンツ要素で構成されたモジュールです。典型的なグローバルモジュールとしては、ブログの配信登録フォーム、セカンダリーナビゲーション要素、Call-To-Action（CTA）などがあります。

次に示すように、テンプレートタイプにglobal-partialを指定してcreateコマンドを使用することにより、新しいグローバル パーシャル テンプレートを作成できます。

テンプレートのタイプの選択を求めるメッセージが表示されます。［グローバルパーシャル］を選択します。

このコマンドを実行すると、指定したディレクトリーにテンプレートが作成され、そのHTMLファイルには以下のテンプレートアノテーションが含まれます。

グローバル コンテンツ パーシャルのサンプルを確認するには、GitHubにあるHubSpotのボイラープレートを参照してください。

グローバルパーシャル内でコンテンツのドラッグ＆ドロップ機能を有効にするには、ページテンプレートで有効にする場合と同様に、dnd_areaタグを追加します。詳しくは、ドラッグ＆ドロップエリアのドキュメントを参照してください。 

既存のテンプレートのいずれかにグローバルパーシャルを追加するには、global_partial HubLタグを使用してパーシャルのパスを参照します。このタグを使用したHubSpotのボイラープレートの例を次に示します。

グローバルパーシャルが出力の場合は、グローバルパーシャルを<div>で囲みます。これは、そのコンテンツがグローバルパーシャルであることを識別するためにページエディターで使用されます。

グローバルモジュールは、CLIツールを使用して他のモジュールと同じように作成できます。モジュールをグローバルモジュールとして通知するか標準モジュールとして通知するかの主な違いは、モジュールのmeta.jsonファイルでのglobalフラグの設定です（以下のコードサンプルの5行目を参照）。

hs create module <name> <dest>コマンドを使用してモジュールを作成し、meta.jsonファイルでこのフラグをtrueに設定すると、システムによってモジュールがグローバルモジュールと認識されます。モジュールを使い始めるには、モジュールの概要ページに進んでください。グローバルモジュールは、デザインマネージャーを使用して作成することもできます。モジュールの作成（グローバルモジュールとカスタムモジュールの両方）については、モジュールの作成と編集に関するナレッジベース記事をご覧ください。