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

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

更新日時 2月 4, 2019

対象製品

Marketing Hub Professional, Enterprise
Basic
HubSpot CMS

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

新規メニューの作成

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

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

  • 既存の詳細メニューのコピーを作成するには、右上隅の[アクション]>[複製]をクリックします。
HubSpotのヘルプ記事のスクリーンショット
 

メニューに新しいページを追加

  • 既存のメニューの上または下にマウスポインターを移動して、[+]アイコンをクリックして、ナビゲーションに追加する新しい項目を選択します。
    • がない項目を追加する リンク:既存のページにリンクしないメニューに別の項目を追加します。これは、子メニュー項目のプレースホルダーとして使用されます。
    • ページリンクを追加:特定のHubSpotページにリンクするメニュー項目を追加します。
    • URLパラメーターを含むページリンクを追加:特定の HubSpotページにリンクするメニュー項目を追加します。このオプションを使用すると、ページの正確なURLを入力することができます。
    • URLリンクを追加:特定のURLにリンクするメニュー項目を追加します。
HubSpotのヘルプ記事のスクリーンショット
  • また、既存の項目の右側にカーソルを合わせて、[アクション]>[以下に項目を追加]をクリックして、メニュー項目を追加することもできます。 
HubSpotのヘルプ記事のスクリーンショット
  • メニュー項目ラベルでメニュー項目に名前を付けます。
  • リンクする場合は、HubSpotページを選択するか、このメニュー項目のURLを入力します。

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

並べ替える%20メニュー%20項目

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

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

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

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

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

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

  • 詳細メニューツールで、[+メニューを追加]をクリックします
  • 新規メニューの名前を入力します。
  • [メニューを作成]をクリックします。上記の手順を完了し、新しい詳細メニューを作成します

追加%20セカンダリ%20メニュー