- ナレッジベース
- コンテンツ
- ウェブサイト/ランディングページ
- サイトのナビゲーションメニューを設定する
サイトのナビゲーションメニューを設定する
更新日時 2025年8月26日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
ウェブサイトを構築する際には、コンテンツの情報構造を整理することに時間を費やします。ナビゲーションメニューには、ウェブサイト訪問者がサイトを閲覧している間にすばやく、または頻繁にアクセスすると思われる最も重要なページが含まれます。ウェブサイトとメニューが完成したら、HubSpotで サイトマップ をカスタマイズできます。
新規メニューを作成する
メニューには、サイトの重要なページを含めることも、 親メニュー項目と子メニュー項目を使用してページの階層化することもできます。これらのメニューは、デザインマネージャーツールのテンプレート内の 詳細メニューモジュール で選択できます。
- 設定で新しいメニューを作成するには、次の手順に従います。
- HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
- 左のサイドバーメニューで、[ コンテンツ] > [ナビゲーション]メニューに移動します。既定のメニューには、 詳細メニューモジュールの既定のコンテンツが自動的に入力されるページが含まれています。
- ドロップダウンメニューを使用して、更新する既存のメニューを選択します。新しいメニューを作成するには、[ +メニューを追加]をクリックします。
- 既存の詳細詳細メニューのコピーを作成するには、右上の[ その他 ]ドロップダウンメニューをクリックし、[ 複製]を選択します。


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


-
- [メニュー項目ラベル]フィールドにメニュー項目 の名前を入力します 。
- [ ページリンクを追加]、[ URLパラメーターを使用したページリンクを追加]、または[ URLリンクを追加]を選択した場合は、 HubSpotページ を選択するか、このメニュー項目の URL を入力します。
注: URLリンクを追加する場合、httpまたはhttpsプロトコルを含む完全なURLを入力する必要があります。
-
- メニュー項目のリンクを新しいウィンドウで開くには、 メニュー項目の右側にマウスポインターを置いて[ アクション ]ドロップダウンメニューをクリックし、[ 新しいウィンドウでリンクを開く ]チェックボックスをオンにします。


-
- メニュー項目を並べ替えるには、メニュー項目ラベル の左側をクリックして新しい位置にドラッグします。
子メニュー項目を追加する
子メニュー項目は、
- 最上位 のメニュー項目の上にマウスポインターを置き、[ アクション]をクリックし、[ 下の子項目を追加]を選択します。
- [メニュー項目ラベル ]フィールドにメニュー項目 の名前を入力します 。
- [ ページを選択 ]ドロップダウンメニューをクリックして、リンクするページを選択します。URLを手動で入力するには、[ アクション ]をクリックし、[ URLリンク ]を選択して子メニュー項目タイプを変更します。
- メニューに加えた変更を確定するには、[ 保存]をクリックします。これで、このメニューを 詳細メニューモジュールに追加できるようになります。
セカンダリーメニューの作成
あなたのサイトに複数のメニューを作成することができます。セカンダリーメニューは特定のページで使ったり、ページのフッターで追加のナビゲーションを提供したりすることができます。
- 設定で [+追加]メニュー をクリックするか、グローバル コンテンツ エディターで[ 新規作成]をクリックします。
- 新しいメニュー の名前を入力します 。
- 次に 、メニュー項目を追加する手順を完了します。
メニューの変更履歴を表示する
以前に公開したバージョンのメニューを変更履歴に表示および復元することができます。各バージョンには、作成日、タイムスタンプ、どのユーザーを作成したかが含まれます。
- 設定でメニューの変更履歴を表示するには:
- HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
- 左側のサイドバーメニューで、[コンテンツ] > [ナビゲーション]メニューに移動します。
- 上部のドロップダウンメニューを使用して、レビューするメニューを選択します。
- [ その他 ]ドロップダウンメニューをクリックし、[ 改訂を表示] を選択して、このメニューの以前に公開された全てのバージョンのプレビューを開きます。
- 左側のパネルで、日時のメニューの内容を確認するには、 タイムスタンプ をクリックします。
- 以前に公開したバージョンのメニューを復元するには、Chooseをクリックします。
- 必要なメニュー変更履歴を選択したら、[ 保存 ]をクリックして、サイトでこのメニューを更新します。
- グローバル コンテンツ エディターでメニューの変更履歴を表示するには、次の手順に従います。
-
目的のコンテンツに移動します。
- ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
- ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
- ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
- コンテンツのインデックスページで、既存のコンテンツの名前をクリックするか、[ 作成 ]をクリックして新しいコンテンツを作成します。
- コンテンツエディターで、 siteTreeIcon content icon and then click the globalGroupIcon global content icon for the global module.
- グローバル コンテンツ エディターで、 siteTreeIcon content icon and then click the module containing the navigation menu. In the sidebar editor, click Edit.
- ダイアログボックスで 、[その他 ]ドロップダウンメニューをクリックし、[ 変更履歴を表示]を選択します。
-