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

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

更新日時 2019年 6月 13日

対象製品

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

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

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

ドロップダウンに子ページがに表示されますdropdownメニューまたはフライアウトサブメニュー。CSSを快適に作成して編集している場合は、カスタムスタイルをメニューに追加できます。

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

メニューに新しい子ページを追加するには:

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

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

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

add%20secondary%20menu


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

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

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

view-revisions-1

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

choose-revisions

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