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

メニュー リンクは、ヘッダーに追加されるリンクです。 これらのリンクには、閲覧者がリンクをクリックした際の遷移先を示す説明ラベルが必要です。 管理者およびチーム メンバーはメニュー リンクを使用して、サイトの閲覧者が他のサイト、ページ、外部の Web リンクなど、サイトやイニシアティブに関連する追加のコンテンツに簡単に遷移できるようにします。

グローバル ナビゲーションとは

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

注意:

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

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

  注意:

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

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

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

メニュー リンクを作成する場合、何にリンクできますか？

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

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

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

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

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

1. ArcGIS Hub にサイン インし、[概要] ページの [サイト] をクリックして、サイトのリストを表示します。 組織で ArcGIS Hub Premium のライセンスを保有している場合は、[概要] ページの [イニシアティブ] にリストされているサイトを検索できます。
2. クリックしてサイトまたはイニシアティブを開きます。
3. [カスタマイズ] パネルで [ヘッダー] をクリックします。
4. [メニュー] をクリックします。
5. [リンクの追加] をクリックし、以下の 2 つのオプションから選択します。
   • [既存のコンテンツ] - ユーザー、チーム、組織、または一般ユーザーが作成したコンテンツから選択します。
   • [外部ページ] - [リンク先] フィールドにリンクをコピーして貼り付けます。 [リンク名] フィールドにリンクの名前を指定します。

   ヒント:

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

6. [保存] をクリックします。

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

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

ヒント:

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

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

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

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

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

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

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

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

Instagram、Facebook、および Twitter のアイコンをサイトのメニューに追加します。

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

メニュー リンクの削除

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

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