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

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

更新日時 2025年10月8日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

ウェブサイトを作成する際には、コンテンツの情報アーキテクチャーを編成することに時間を割きます。ナビゲーションメニューには、ウェブサイト訪問者がサイトを閲覧中に素早く、あるいは頻繁にアクセスする最も重要なページが含まれます。ウェブサイトとメニューを編成整理したら、HubSpotでサイトマップをカスタマイズできます。

新規メニューを作成

メニューには、サイトの重要なページを含めたり、親メニュー項目と子メニュー項目を使用してページを階層構造にしたりできます。これらのメニューは、デザイン マネージャー ツールのテンプレートの詳細メニューモジュールで選択できます。

設定で新しいメニューを作成するには、次ようにします。

  1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  2. 左のサイドバーメニューで、[コンテンツ]>[ナビゲーション]メニューに移動します。デフォルトのメニューには、詳細メニューモジュールのデフォルトのコンテンツが自動的に設定されるページが含まれています。
  3. [ナビゲーション]ドロップダウンメニューをクリックし、[+メニューを追加]をクリックします。
ナビゲーションメニュー設定が表示されます。ナビゲーションメニューのドロップダウンメニューの周りにボックスがあり、矢印が[+メニューを追加]オプションを指しています。
  1. 既存の詳細メニューのコピーを作成するには、右上の[その他]ドロップダウンメニューをクリックし、[複製]を選択します。 

グローバル コンテンツ エディターで新しいメニューを作成するには、次のようにします。

  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全体を入力する必要があります

  1. メニュー項目を並べ替えるには、メニュー項目の横にあるdragHandleIconドラッグ ハンドル アイコンをクリックし、それを新しい位置にドラッグします。
  2. メニュー項目のURLリンクを新しいウィンドウで開くには、そのメニュー項目の右側にマウスポインターを置き、[アクション]ドロップダウンメニューをクリックして、[リンクを新しいウィンドウで開く]チェックボックスを選択してオンにします。
  3. 子メニュー項目を追加するには、メニュー項目の右側にマウスポインターを置き、[アクション]ドロップダウンメニューをクリックして、[以下に子項目を追加]を選択します。 
グローバル コンテンツ エディターで、ナビゲーションメニューを編集するためのダイアログボックスが表示されます。[アクション]ドロップダウンメニューの周囲にボックスがあり、矢印が[以下に子項目を追加]オプションを指しています。
    • [メニュー項目ラベル]フィールドにメニュー項目の名前を入力します。
    • [ページを選択]ドロップダウンメニューをクリックして、リンクするページを選択します。URLを手動で入力する場合は、[アクション]をクリックし、[URLリンク]を選択して、子メニューの項目タイプを変更します。
    • 完了したら、[保存]をクリックします。
  1. 変更内容を適用するには、右上の[[#]件のアセットに公開]をクリックします。

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

サイトに複数のメニューを作成できます。セカンダリーメニューを特定のページで使用するか、あるいはページフッターに追加のナビゲーションを提供することができます。

設定でセカンダリーメニューを作成するには、次のようにします。

  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. 完了したら、[保存]をクリックします。

Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。