サイトのナビゲーションメニューを設定

ウェブサイトのページを整理するためのナビゲーションメニューを設定し、訪問者が重要なコンテンツを見つけやすくなります。設定でメニューを作成および管理するか、 またはグローバル コンテンツ エディターで直接使用して、これらのメニューをさまざまなテンプレートやページで使用できます。

始める前に

ナビゲーションメニューを使用する前に、次の要件と考慮事項を確認してください。

制限事項と考慮事項について

• 公開済みメニューを変更すると、そのメニューが使用されているすべてのページやテンプレートに影響します。

メニューを作成

ナビゲーションメニューは設定から作成するか、またはグローバル コンテンツ エディターで直接作成します。メニューには、サイトの重要なページを含めることも、 親メニュー項目と子メニュー項目を使用してページの階層を持つこともできます。これらのメニューは、デザインマネージャーツールのテンプレート内の 詳細メニューモジュール で選択できます。

設定でメニューを作成

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
2. 左のサイドバーメニューで、［コンテンツ］>［ナビゲーション］メニューに移動します。既定のメニューには、 詳細メニューモジュールの既定のコンテンツが自動的に入力されるページが含まれています。
3. ［ナビゲーション］ドロップダウンメニューをクリックし、［+メニューを追加］をクリックします。

4. 既存の詳細メニューのコピーを作成するには、右上の［その他］ドロップダウンメニューをクリックし、［複製］を選択します。 

グローバル コンテンツ エディターでメニューを作成する

1. 目的のコンテンツに移動します。

   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
2. ページまたは投稿の名前をクリックするか、右上の［作成］をクリックします。 
3. コンテンツエディターで、siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.をクリックします。
4. グローバル コンテンツ エディターでsiteTreeIconコンテンツアイコンをクリックし、ナビゲーションメニューを含むモジュールをクリックします。 
5. サイドバーエディターで、［メニュー］フィールドの下にある［新規作成］をクリックします。
6. ダイアログボックスで、さらにメニュー項目、ページ、子ページを追加します。グローバル コンテンツ エディターでのコンテンツの編集について詳細をご確認ください。 
7. 完了したら、［［#］件のアセットに公開］をクリックします。

メニュー項目を追加

メニューを作成したら、メニュー項目を追加して、ナビゲーションに表示されるページとリンクを定義します。メニュー項目では、順序変更と 子メニュー項目がサポートされています。 

設定でメニュー項目を追加

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
2. 左のサイドバーメニューで、［コンテンツ］>［ナビゲーション］メニューに移動します。
3. ナビゲーション ドロップダウン メニューをクリックし、更新する既存のメニューを選択します。
4. 既存のナビゲーションメニューの最下部にある［+メニュー項目を追加］ドロップダウンメニューをクリックし、オプションを選択します。
   • リンクなしの項目を追加：既存のページにリンクしていないメニュー項目を追加します。これは、子メニュー項目のプレースホルダー（仮挿入）として使用されます。
   • ページリンクを追加：特定のHubSpotページにリンクしているメニュー項目を追加します。
   • URLパラメーターを含むページリンクを追加：特定のHubSpotページにリンクしているメニュー項目を追加します。このオプションを使用すると、望むページの正確なURLを入力することができます。
   • URLリンクを追加：外部URLにリンクしているメニュー項目を追加します。
5. メニュー項目を並べ替えるには、メニュー項目の横にあるdragHandleIconドラッグ ハンドル アイコンをクリックし、それを新しい位置にドラッグします。
6. メニュー項目のURLリンクを新しいウィンドウで開くには、そのメニュー項目の右側にマウスポインターを置き、［アクション］ドロップダウンメニューをクリックして、［リンクを新しいウィンドウで開く］チェックボックスを選択してオンにします。
7. 子メニュー項目を追加するには、 メニュー項目の右側にマウスポインターを置き、[ アクション ]ドロップダウンメニューをクリックし、 下で[子項目を追加]を選択します。 
   • ［メニュー項目ラベル］フィールドにメニュー項目の名前を入力します。
   • ［ページを選択］ドロップダウンメニューをクリックして、リンクするページを選択します。URLを手動で入力する場合は、［アクション］をクリックし、［URLリンク］を選択して、子メニューの項目タイプを変更します。
8. 完了したら、右上の［保存］をクリックします。

グローバル コンテンツ エディターでメニュー項目を追加する

1. 目的のコンテンツに移動します。
   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
2. ページまたは投稿の名前をクリックするか、右上の［作成］をクリックします。 
3. コンテンツエディターでsiteTreeIconコンテンツアイコンをクリックした後、グローバルモジュールのglobalGroupIconグローバル コンテンツ アイコンをクリックします。
4. グローバル コンテンツ エディターでsiteTreeIconコンテンツアイコンをクリックし、ナビゲーションメニューを含むモジュールをクリックします。サイドバーエディターで［編集］をクリックします。
5. ダイアログボックスで、既存のナビゲーションメニューの最下部にある［+メニュー項目を追加］ドロップダウンメニューをクリックし、オプションを選択します。
   • リンクなしの項目を追加：既存のページにリンクしていないメニュー項目を追加します。これは、子メニュー項目のプレースホルダー（仮挿入）として使用されます。
   • ページリンクを追加：特定のHubSpotページにリンクしているメニュー項目を追加します。
   • URLパラメーターを含むページリンクを追加：特定のHubSpotページにリンクしているメニュー項目を追加します。このオプションを使用すると、望むページの正確なURLを入力することができます。
   • URLリンクを追加：外部URLにリンクしているメニュー項目を追加します。

注：URLリンクを追加する際には、httpまたはhttpsのプロトコルを含むURL全体を入力する必要があります。

6. メニュー項目を並べ替えるには、メニュー項目の横にあるdragHandleIconドラッグ ハンドル アイコンをクリックし、それを新しい位置にドラッグします。
7. メニュー項目のURLリンクを新しいウィンドウで開くには、そのメニュー項目の右側にマウスポインターを置き、［アクション］ドロップダウンメニューをクリックして、［リンクを新しいウィンドウで開く］チェックボックスを選択してオンにします。
8. 子メニュー項目を追加するには、メニュー項目の右側にマウスポインターを置き、［アクション］ドロップダウンメニューをクリックして、［以下に子項目を追加］を選択します。 

6. • ［メニュー項目ラベル］フィールドにメニュー項目の名前を入力します。
   • ［ページを選択］ドロップダウンメニューをクリックして、リンクするページを選択します。URLを手動で入力する場合は、［アクション］をクリックし、［URLリンク］を選択して、子メニューの項目タイプを変更します。
   • 完了したら、［保存］をクリックします。

9. 変更内容を適用するには、右上の［［#］件のアセットに公開］をクリックします。

セカンダリーメニューを作成する

セカンダリーメニューを作成することで、訪問者にナビゲーションの選択肢が増えます。セカンダリーメニューは、特定のページまたは ページフッターで使用できます。

設定でセカンダリーメニューを作成

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
2. 左のサイドバーメニューで、［コンテンツ］>［ナビゲーション］メニューに移動します。
3. ［ナビゲーション］ドロップダウンメニューをクリックして、［+新規追加］をクリックします。
4. ナビゲーションメニューの名前を入力します。
5. 次に、メニュー項目を追加するための手順を完了します。

グローバル コンテンツ エディターでセカンダリーメニューを作成する

1. 目的のコンテンツに移動します。

   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
2. ページまたは投稿の名前をクリックするか、右上の［作成］をクリックします。 
3. コンテンツエディターで、siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.をクリックします。
4. グローバル コンテンツ エディターでsiteTreeIconコンテンツアイコンをクリックし、ナビゲーションメニューを含むモジュールをクリックします。サイドバーエディターで、［新規作成］をクリックします。
5. 次に、メニュー項目を追加するための手順を完了します。

メニューの変更履歴を表示して復元

変更履歴を使用して、ナビゲーションメニューの以前のバージョンを確認して復元します。バージョンごとに作成日、タイムスタンプ、変更履歴の作成ユーザーが含まれます。 

設定で変更履歴を表示

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
2. 左のサイドバーメニューで、［コンテンツ］>［ナビゲーション］メニューに移動します。 
3. ナビゲーション ドロップダウン メニューをクリックし、更新する既存のメニューを選択します。
4. ［その他］ドロップダウンメニューをクリックし、［変更履歴を表示］を選択します。
5. ダイアログボックスの左側の列で、タイムスタンプをクリックすると、その日時のメニューの内容を確認できます。 
6. 以前に公開したバージョンのメニューを復元するには、左下の［選択］をクリックします。
7. 完了したら、［保存］をクリックします。

グローバル コンテンツ エディターで変更履歴を表示

1. 目的のコンテンツに移動します。
   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
2. 既存のページまたは投稿の名前をクリックします。 
3. コンテンツエディターでsiteTreeIconコンテンツアイコンをクリックした後、グローバルモジュールのglobalGroupIconグローバル コンテンツ アイコンをクリックします。
4. グローバル コンテンツ エディターでsiteTreeIconコンテンツアイコンをクリックし、ナビゲーションメニューを含むモジュールをクリックします。サイドバーエディターで［編集］をクリックします。
5. ダイアログボックスで、［その他］ドロップダウンメニューをクリックし、左下の［変更履歴を表示］を選択します。ナビゲーションメニューの設定が表示されます。
6. ダイアログボックスの左側の列で、タイムスタンプをクリックすると、その日時のメニューの内容を確認できます。 
7. 以前に公開したバージョンのメニューを復元するには、左下の［選択］をクリックします。
8. 完了したら、［保存］をクリックします。