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

サイトのナビゲーションメニューのセットアップ方法

更新日時 2023年 6月 28日

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

すべての製品とプラン

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

新規メニューを作成する

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

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左側のサイドバーメニューで、[ウェブサイト] > [ナビゲーション] の順に進みます。デフォルトのメニューには、詳細メニューモジュールの既定のコンテンツが自動的に入力されるページが含まれています
  • ドロップダウンメニューを使用して、既存のメニューを選択して更新します。新しいメニューを作成するには、[+メニューを追加] をクリックします。

  • 既存の詳細メニューのコピーを作成するには、右上の [アクション] ドロップダウンメニューをクリックし、[複製] を選択します。
HubSpotのヘルプ記事のスクリーンショット
 
メニューにページを追加するには、次の手順を実行します。
  • 既存のメニューの上または下にカーソルを置き、次に [+] アイコンをクリックして、ナビゲーションに追加する項目を選択します。
    • 項目を追加しない link :既存のページにリンクしていないメニューに別の項目を追加します。これは、子メニュー項目のプレースホルダーとして使用されます。
    • ページリンクを追加:特定のHubSpotページにリンクしているメニュー項目を追加します。
    • URLパラメーターを含むページリンクを追加:特定のHubSpotページにリンクしているメニュー項目を追加します。このオプションを使用すると、望むページの正確なURLを入力することができます。
    • URLリンクを追加:外部URLにリンクしているメニュー項目を追加します。
add-menu-item
  • また、既存の項目の右側にカーソルを置いて、[アクション] > [以下に項目を追加] をクリックして、メニュー項目を追加することもできます。
HubSpotのヘルプ記事のスクリーンショット
  • [メニュー項目ラベル] でメニュー項目に名前を付けます。
  • リンクする場合は、HubSpotページを選択するか、このメニュー項目のURLを入力します。

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

  • メニュー項目を、新しいウィンドウで開くためにリンクする場合には、メニュー項目の右側にカーソルを置きます。[アクション] ドロップダウンメニューをクリックしてから、[リンクを新しいウィンドウで開く] チェックボックスを選択します。
HubSpotのヘルプ記事のスクリーンショット
  • [メニュー項目ラベル] をクリックして、メニュー項目を並べ替える位置にドラッグします。

reorder%20menu%20items

子ページをメニューに追加する

子ページが表示される ドロップダウン メニューを表示するか、サブメニューを表示します。CSSの書き込みと編集が簡単な場合は、メニューに カスタムスタイルを追加できます。

HubSpotのヘルプ記事のスクリーンショット

メニューに新しい子ページを追加するには、次の手順を実行します。

  • 上位レベルのメニュー項目にカーソルを移動します。次に [アクション] をクリックして [以下に子項目を追加] を選択します。
  • リンクの [メニュー項目ラベル] および [ページを選択] を入力します。URLを手動で入力する必要がある場合は、[操作]をクリックして[URLリンク]を選択し、子メニュー項目の種類を変更します。

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

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

add%20secondary%20menu

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

以前に公開したバージョンのメニューを変更履歴に表示および復元することができます。各バージョンには、日付とタイムスタンプが含まれています。2018年10月3日以降に公開されたメニューのバージョンについては、そのユーザーが変更を作成したユーザーも表示されます。

  • HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左側のサイドバーメニューで、[ウェブサイト] > [ナビゲーション] の順に進みます。
  • 上部のドロップダウンメニューを使用して、確認するメニューを選択します。
  • [アクション] ドロップダウンメニューをクリックし、[変更履歴を表示] を選択して、このメニューのすべての以前に公開したバージョンのプレビューを開きます。

view-revisions-1

  • 左側のペインで、[タイムスタンプ] をクリックして、その日時からメニューのコンテンツを確認します。
  • 以前に公開したバージョンのメニューを復元するには、[選択] をクリックします。

choose-revisions

  • 必要なメニューの変更を選択したら、 [公開] をクリックしてサイトのこのメニューを更新します。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。