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

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

更新日時 2025年8月26日

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

ウェブサイトを構築する際には、コンテンツの情報構造を整理することに時間を費やします。ナビゲーションメニューには、ウェブサイト訪問者がサイトを閲覧している間にすばやく、または頻繁にアクセスすると思われる最も重要なページが含まれます。ウェブサイトとメニューが完成したら、HubSpotで サイトマップ をカスタマイズできます。

新規メニューを作成する 

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

  • 設定で新しいメニューを作成するには、次の手順に従います。
    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 content icon and then click the module containing the navigation menu. 
    5. サイドバーエディターで、[ メニュー ]フィールドの下にある[ 新規作成 ]をクリックします。
    6. ダイアログボックスで、続けてメニュー項目、ページおよび子ページを追加します。 

メニュー項目を追加

設定またはグローバル コンテンツ エディター内で、ナビゲーションメニューにメニュー項目を追加できます。

  • 設定でメニュー項目を追加するには、次の手順に従います。
    1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
    2. 左のサイドバーメニューで、[ コンテンツ] > [ナビゲーション]メニューに移動します
  • グローバル コンテンツ エディターでメニュー項目を追加するには、次の手順に従います。
    1. 目的のコンテンツに移動します。

      • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
      • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
      • ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
    2. コンテンツのインデックスページで、既存のコンテンツの名前をクリックするか、[ 作成 ]をクリックして新しいコンテンツを作成します。 
    3. コンテンツエディターで、 siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
    4. グローバル コンテンツ エディターで、 siteTreeIcon content icon and then click the module containing the navigation menu. In the sidebar editor, click Edit.
  • 設定またはグローバル コンテンツ エディターで、次の操作を行います。
    1. 既存のメニュー項目の上または下にマウスポインターを置き、[ +]アイコンをクリックして ナビゲーションに追加する 項目 を選択します。
      • タスクキューに追加する。 リンク 既存のページにリンクしない項目をメニューに追加します。これはしばしば子メニュー項目のプレースホルダー(仮挿入)として使用される。
      • ページリンクを追加:特定のHubSpotページにリンクするメニュー項目を追加します。
      • URLパラメーターでページリンクを追加:特定のHubSpotページにリンクするメニュー項目を追加します。このオプションを使用すると、望むページの正確なURLを入力することができます。
      • URLリンクを追加:外部URLにリンクするメニュー項目を追加する。
add-new-menu-item-to-navigation-menu (新しいメニュー項目をナビゲーションメニューに追加)
    1. [メニュー項目ラベル]フィールドにメニュー項目 の名前を入力します
    2. [ ページリンクを追加]、[ URLパラメーターを使用したページリンクを追加]、または[ URLリンクを追加]を選択した場合は、 HubSpotページ を選択するか、このメニュー項目の URL を入力します。 

注: URLリンクを追加する場合、httpまたはhttpsプロトコルを含む完全なURLを入力する必要があります。

    1. メニュー項目のリンクを新しいウィンドウで開くには、 メニュー項目の右側にマウスポインターを置いて[ アクション ]ドロップダウンメニューをクリックし、[ 新しいウィンドウでリンクを開く ]チェックボックスをオンにします。
新しいウィンドウ内のナビゲーションメニューでリンクを開く

    1. メニュー項目を並べ替えるには、メニュー項目ラベル の左側をクリックして新しい位置にドラッグします。

子メニュー項目を追加する

子メニュー項目は、 ドロップダウン メニューまたはフライアウトサブメニュー。もしCSSの記述や編集に慣れているなら、カスタムスタイルをメニューを追加することができる。

  1. 最上位 のメニュー項目の上にマウスポインターを置き、[ アクション]をクリックし、[ 下の子項目を追加]を選択します。
  2. [メニュー項目ラベル ]フィールドにメニュー項目 の名前を入力します
  3. [ ページを選択 ]ドロップダウンメニューをクリックして、リンクするページを選択します。URLを手動で入力するには、[ アクション ]をクリックし、[ URLリンク ]を選択して子メニュー項目タイプを変更します。
  4. メニューに加えた変更を確定するには、[ 保存]をクリックします。これで、このメニューを 詳細メニューモジュールに追加できるようになります。

新しいウィンドウ内のナビゲーションメニューでリンクを開く

セカンダリーメニューの作成

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

  1. 設定で [+追加]メニュー をクリックするか、グローバル コンテンツ エディターで[ 新規作成]をクリックします。
  2. 新しいメニュー の名前を入力します
  3. 次に 、メニュー項目を追加する手順を完了します

メニューの変更履歴を表示する

以前に公開したバージョンのメニューを変更履歴に表示および復元することができます。各バージョンには、作成日、タイムスタンプ、どのユーザーを作成したかが含まれます。 

  • 設定でメニューの変更履歴を表示するには:
    1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
    2. 左側のサイドバーメニューで、[コンテンツ] > [ナビゲーション]メニューに移動します。 
    3. 上部のドロップダウンメニューを使用して、レビューするメニューを選択します。
    4. [ その他 ]ドロップダウンメニューをクリックし、[ 改訂を表示] を選択して、このメニューの以前に公開された全てのバージョンのプレビューを開きます。
    5. 左側のパネルで、日時のメニューの内容を確認するには、 タイムスタンプ をクリックします。
    6. 以前に公開したバージョンのメニューを復元するには、Chooseをクリックします。
    7. 必要なメニュー変更履歴を選択したら、[ 保存 ]をクリックして、サイトでこのメニューを更新します。
  • グローバル コンテンツ エディターでメニューの変更履歴を表示するには、次の手順に従います。
    1. 目的のコンテンツに移動します。

      • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
      • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
      • ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
    2. コンテンツのインデックスページで、既存のコンテンツの名前をクリックするか、[ 作成 ]をクリックして新しいコンテンツを作成します。 
    3. コンテンツエディターで、 siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
    4. グローバル コンテンツ エディターで、 siteTreeIcon content icon and then click the module containing the navigation menu. In the sidebar editor, click Edit.
    5. ダイアログボックスで 、[その他 ]ドロップダウンメニューをクリックし、[ 変更履歴を表示]を選択します。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。