サイトのナビゲーションメニューのセットアップ方法
更新日時 2023年 3月 31日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
ウェブサイトを作成する際には、コンテンツの情報アーキテクチャーを編成することに時間を割きます。ナビゲーションメニューには、ウェブサイト訪問者がサイトを閲覧中にすばやく、頻繁にアクセスする最も重要なページが含まれます。ウェブサイトとメニューを編成したら、HubSpotでサイトマップをカスタマイズできます。
新規メニューを作成する
詳細メニューには、サイトからの重要なページがいくつか含まれているか、あるいは親子メニュー項目を使用しているページの階層が含まれています。これらのメニューは、デザインマネージャーツールのテンプレートの詳細メニューモジュールで選択できます。
- HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
- 左側のサイドバーメニューで、[ウェブサイト] > [ナビゲーション] の順に進みます。デフォルトのメニューには、詳細メニューモジュールの既定のコンテンツが自動的に入力されるページが含まれています。
- ドロップダウンメニューを使用して、既存のメニューを選択して更新します。新しいメニューを作成するには、[+メニューを追加] をクリックします。
- 既存の詳細メニューのコピーを作成するには、右上の [アクション] ドロップダウンメニューをクリックし、[複製] を選択します。

- 既存のメニューの上または下にカーソルを置き、次に [+] アイコンをクリックして、ナビゲーションに追加する項目を選択します。
- 項目を追加しない
link :既存のページにリンクしていないメニューに別の項目を追加します。これは、子メニュー項目のプレースホルダーとして使用されます。 - ページリンクを追加:特定のHubSpotページにリンクしているメニュー項目を追加します。
- URLパラメーターを含むページリンクを追加:特定のHubSpotページにリンクしているメニュー項目を追加します。このオプションを使用すると、望むページの正確なURLを入力することができます。
- URLリンクを追加:外部URLにリンクしているメニュー項目を追加します。
- 項目を追加しない

- また、既存の項目の右側にカーソルを置いて、[アクション] > [以下に項目を追加] をクリックして、メニュー項目を追加することもできます。

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

- [メニュー項目ラベル] をクリックして、メニュー項目を並べ替える位置にドラッグします。
子ページをメニューに追加する
子ページが表示される
メニューに新しい子ページを追加するには、次の手順を実行します。
- 上位レベルのメニュー項目にカーソルを移動します。次に [アクション] をクリックして [以下に子項目を追加] を選択します。
- リンクの [メニュー項目ラベル] および [ページを選択] を入力します。URLを手動で入力する必要がある場合は、[操作]をクリックして[URLリンク]を選択し、子メニュー項目の種類を変更します。
- メニューに加えた変更を確定するには、[公開]をクリックします。このメニューは、詳細メニューモジュールに追加できるようになりました。
セカンダリーメニューを作成する
サイトに複数のメニューを作成できます。セカンダリメニューは、特定のページで使用することも、 ページフッターに追加のナビゲーションを提供することもできます。
- 詳細メニューツールで、[+メニューを追加] をクリックします。
- 新規メニューの名前を入力します。
- [メニューを作成] をクリックします。上記の手順を実行し、新しい詳細メニューを作成します。
メニューに変更履歴を表示する
以前に公開したバージョンのメニューを変更履歴に表示および復元することができます。各バージョンには、日付とタイムスタンプが含まれています。2018年10月3日以降に公開されたメニューのバージョンについては、そのユーザーが変更を作成したユーザーも表示されます。
- HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
- 左側のサイドバーメニューで、[ウェブサイト] > [ナビゲーション] の順に進みます。
- 上部のドロップダウンメニューを使用して、確認するメニューを選択します。
- [アクション] ドロップダウンメニューをクリックし、[変更履歴を表示] を選択して、このメニューのすべての以前に公開したバージョンのプレビューを開きます。
- 左側のペインで、[タイムスタンプ] をクリックして、その日時からメニューのコンテンツを確認します。
- 以前に公開したバージョンのメニューを復元するには、[選択] をクリックします。
- 必要なメニューの変更を選択したら、 [公開] をクリックしてサイトのこのメニューを更新します。
関連記事
-
スマート コンテンツ ルールを作成して管理する
スマート コンテンツ モジュールには、閲覧者カテゴリーに基づいて異なるバージョンのコンテンツが表示されます。例えば、特定の国からの訪問者またはモバイルデバイスで閲覧している訪問者に代替案を作成することができます。 また、
ナレッジベース -
コンテンツをパーソナライズする
...
ナレッジベース -
カスタム コード テンプレートを作成する
開発者は、HTMLを使用することで、ブログ、ウェブサイトページ、ランディングページ、Eメールのテンプレートをゼロから作成することができます。または、ドラッグ&ドロップテンプレートのレイアウトをHTMLに複製...
ナレッジベース