グローバル ナビゲーションとメニュー リンクの構成

管理者およびサイトの編集者は、ヘッダーのメニューにリンクを追加できます。 これらのリンクには、閲覧者にリンク先を示す説明ラベルが必要です。 メニュー リンクを使用して、サイトの閲覧者が他のサイト、ページ、外部の Web リンクなど、サイトに関連する追加のコンテンツにより簡単かつ効率的に遷移できるようにします。

グローバル ナビゲーションの詳細

すべての新しいサイトにはグローバル ナビゲーションが含まれています。 グローバル ナビゲーションは、サイトのヘッダーの上方にコンパクトなバーを配置するオプションのサイト機能です。 このバーには、以下のオプションが含まれています。

注意:

グローバル ナビゲーション機能を無効化または有効化するには、「対話機能」をご参照ください。

  • サイン イン - サイン イン オプションを使用すると、管理者、チーム メンバー、コミュニティ メンバーがサイト、ページ、またはビュー上の自身のアカウントでサイン インできます。 それ以外の場合、サイン インできます
    注意:

    ArcGIS Hub Premium を使用していてコミュニティ アカウントの作成を有効にしている組織は、サイトのグローバル ナビゲーションを常に有効にしておく必要があります。 有効にしないと、訪問者がサイン インできる特定の場所がなくなります。

  • ユーザー プロファイル - サイン インした後、ユーザーはユーザー プロファイルのドロップダウン メニューで自分のプロファイルと通知、および権限に応じて、ArcGIS Hub[設定] ページと [概要] ページにアクセスできます。
  • 検索ボタン - クリックすると検索ボタンが検索バー内に展開され、すべてのユーザーが ArcGIS Hub に共有されているすべての公開コンテンツを検索できます。 サイン インせずに、サイトで検索できます。 サイン インしたメンバーは、プライベート コンテンツ (属しているチームまたは組織に共有されているアイテム) を検索することもできます。
  • [新規] ボタン - 管理者およびチーム メンバーは、[新規] ボタンを使用して新しいコンテンツを作成できます。 このオプションは、サイン インし、かつコンテンツを作成する適切な権限があるメンバーに対してのみ表示されます。

モバイル デバイスでグローバル ナビゲーションを表示している場合、グローバル ナビゲーション バーの左端にあるメニュー ボタンが展開され、サイトをお気に入りとして保存したり、最近のダウンロード データにアクセスしたりできます。

メニュー リンクの詳細

URL を使用して、外部の Web サイトにリンクできます。 自分、自分のサイト、組織、公開コンテンツに属しているアイテムから選択することもできます。 以下のアイテムがサポートされています。

  • Web マッピング アプリケーション
  • ダッシュボード
  • データセット、シェープファイル、および CSV ファイル
  • Sites
  • ページ
  • Web マップ
  • ドキュメント
  • Survey123 フォーム

サポートされているアイテムの完全なリストについては、「サポートされているコンテンツ」をご参照ください。

ヘッダーの表示設定の編集

  1. ArcGIS Hub にサイン インし、[概要] ページの [サイト] を選択して、サイトのリストを表示します。
  2. 開くサイトを選択します。
  3. [カスタマイズ] パネルで [ヘッダー] を選択します。
  4. [表示設定] で、必要に応じて設定を変更します。
  5. [レイアウトの保存] を選択します。

メニュー リンクのヘッダーへの追加

一般的なガイドラインでは、ヘッダーに含めるメニュー リンクは最大 7 個にすることが推奨されています。 簡潔なメニューにすると、使いやすくかつ覚えやすくなります。 ただし、コンテンツが広範囲に及ぶ場合、このルールを常に適用する必要はありません。 追加するメニュー リンクが多い場合は、その順序とラベルのわかりやすさを検討してください。

  1. 編集するサイトを開きます。
  2. [カスタマイズ] パネルで [ヘッダー] を選択します。
  3. [表示設定] で、必要に応じて設定を変更します。
  4. [メニュー] を選択します。
  5. [リンクの追加] を選択し、次のオプションから選択します。
    • [既存のコンテンツ] - サイトに属しているコンテンツから、または作成者に基づいて選択します。
    • [リンク先] - [リンク名] フィールドにリンクの名前を指定します。 [リンク先] フィールドにリンクをコピーして貼り付けます。

    ヒント:
    説明ラベルは、リンク先のコンテンツの種類を示しているだけでなく、ユーザーの疑問に答える存在です。 たとえば、「ビデオ」というラベルは、よくある質問、成功事例、および詳細と比較すると汎用的です。 ストーリーまたはリソース ページの一部としてビデオや写真を埋め込むほうが、背景情報の存在しないビデオにリンクさせるよりも効果的です。

  6. [保存] を選択します。
  7. [レイアウトの保存] を選択します。

モバイル デバイス上のメニュー リンク

モバイル デバイスでサイトを閲覧するユーザーに最適な操作性を確保するため、サイトのヘッダーはモバイルでの応答性が高くなるように設計されています。 このため、ロゴ、名前、メニュー リンクなど、サイトのヘッダーに含まれているアイテムはすべて、デバイスの画面サイズに応じてドロップダウン メニューに折りたたむことができます。

ヒント:

グローバル ナビゲーションは、モバイル デバイス上のヘッダー表示に影響を与えます。 ロゴをヘッダーに追加した場合、モバイル デバイスで表示すると、グローバル ナビゲーション バーにロゴが表示されます。 このため、明るい色のロゴと明るいグローバル ナビゲーションの背景色を使用すると、色のコントラストが不足しているため、ロゴが見えなくなる可能性が高くなります。 ヘッダーに名前とロゴの両方が含まれている場合、ショート ネームを使用して、サイトのタイトルが切り捨てられないようにします。

メニュー リンク ラベルの変更

以下の手順に従って、メニュー リンクの名前を変更します。

  1. 編集するサイトを開きます。
  2. サイド パネルで、[ヘッダー] を選択します。
  3. [メニュー] を選択します。
  4. 編集するリンクの設定ボタンを選択します。
  5. [編集] を選択します。
  6. [リンク名] フィールドに新しい名前を入力します。
  7. [保存] を選択します。
  8. [レイアウトの保存] を選択します。

メニュー リンクの並べ替え

メニュー リンクの表示順序を改善できます。 メニューの先頭にリンクを配置して、閲覧者にとっての価値が最大限になると考えられるリソースを優先します。 最近のコンテンツはメニューの末尾のほうにリンクできます。 ユーザーはこれらの場所のリンクを覚えている可能性が高いためです。

  1. 編集するサイトを開きます。
  2. [カスタマイズ] パネルで [ヘッダー] を選択します。
  3. [メニュー] を選択します。
  4. メニュー リンクを選択して、リスト内の新しい場所にドラッグします。
  5. [レイアウトの保存] を選択します。

ソーシャル メディア リンクの構成

Facebook、X、Instagram、YouTube のアイコンをサイトのメニューに追加します。

  1. 編集するサイトを開きます。
  2. [カスタマイズ] パネルで [ヘッダー] を選択します。
  3. [ソーシャル アイコン] を選択します。
  4. 表示するアイコンをオンにします。
  5. 表示するアイコンごとに、リンク先のアカウントの URL を貼り付けます。
  6. [レイアウトの保存] を選択します。

メニュー リンクの削除

以下の手順に従って、サイトのヘッダーからメニュー リンクを削除します。

  1. 編集するサイトを開きます。
  2. [カスタマイズ] パネルで [ヘッダー] をクリックします。
  3. [メニュー] をクリックします。
  4. 編集するリンクの設定ボタンをクリックします。
  5. [編集] をクリックします。
  6. [リンクの削除] をクリックします。
  7. [保存] をクリックします。