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

サイトのナビゲーションメニューをセットアップする

更新日時 2019年 9月 12日

対象製品

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

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

新規メニューを作成する

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

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

  • 既存の詳細メニューのコピーを作成するには、右上の [アクション] ドロップダウンメニューをクリックし、[複製] を選択します。
HubSpotのヘルプ記事のスクリーンショット
 メニューにページを追加するには、次の手順を実行します。
  • 既存のメニューの上または下にカーソルを置き、次に [+] アイコンをクリックして、ナビゲーションに追加する項目を選択します。
    • リンクを含まない項目を追加既存のページにリンクしていないメニューに別の項目を追加します。これは、子メニュー項目のプレースホルダーとして使用されます。
    • ページリンクを追加:特定の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

  • 必要なメニューの変更を選択したら、 [公開] をクリックしてサイトのこのメニューを更新します。