ホーム ページの構成

ホーム ページは、組織の Web サイトのランディング ページであり、ユーザー コミュニティへの入口としての役割を果たします。 ホーム ページでは、組織のメンバーや (外部からのアクセスを許可している場合は) 一般ユーザーに役立つリソースやコンテンツを提供しています。 組織のブランディングとミッションを反映し、コミュニティにとって最も重要なマップ、シーン、アプリ、レイヤーを表示する、モダンで魅力的な外観のホームページを構成することができます。

デフォルトの管理者と適切な権限が付与されたユーザーは、ホーム ページ エディターのカスタマイズ可能なコンポーネントを使用して、デスクトップ ブラウザーとモバイル ブラウザーの両方で最適に表示される応答性の高いホーム ページを設計、プレビュー、および配置できます。

ホーム ページの作成

ホーム ページ エディターを使用して、ArcGIS Online 組織サイトのホーム ページを作成します。 ホーム ページ エディターには、柔軟性の高いコンポーネントおよびオプション セットが搭載されているため、サイト独自のエントリ ポイントを作成できます。 ホーム ページ エディターを使用してページを構成すると、設計した内容のライブ プレビューが表示され、目的の外観と機能を実現するのに役立ちます。 ホーム ページ エディターの下部にある表示オプションを使用すると、さまざまなデバイス上でのページの表示を確認できます。

2020 年 6 月に導入されたモダンなホーム ページ構成環境の手順と情報について、以下に説明します。2020 年 6 月以降に作成された ArcGIS Online 組織サイトでは、このホーム ページ構成環境にのみアクセスできます。

2020 年 6 月以前に組織サイトを作成した場合は、以下の「従来のホーム ページ」セクションを参照し、新しいホーム ページ環境への移行方法をご確認ください。

  1. デフォルトの管理者または組織の Web サイトを管理するための管理権限を持つカスタム ロールとしてサイン インしていることを確認します。
  2. サイトの上部にある [組織] をクリックして、[設定] タブをクリックします。
  3. ページの横にある [ホーム ページ] をクリックします。
  4. [ホーム ページ エディター] セクションで、[エディターの起動] をクリックします。
  5. ホーム ページのエレメントを以下のように構成します。
  6. 目的の [表示] オプションを使用して、デスクトップ、タブレット、モバイル デバイスでのホーム ページの表示をプレビューします。
  7. [保存] をクリックして、ホーム ページの構成を適用します。
  8. [閉じる] ボタン(X) をクリックして、ホーム ページ エディターを閉じます。
  9. サイトの上部にある [ホーム] をクリックすると、ホーム ページが表示されます。

ヘッダー

ホーム ページのヘッダーには、カバー画像、組織のタイトル、組織ロゴのうち、任意のエレメントを含めることができます。

ホーム ページ ヘッダーを構成するには、次の手順を実行します。

  1. 上の「ホーム ページの作成」セクションに記載された最初の 4 つの手順を実行します。
  2. [コンテンツ] の下にある [ヘッダー] をクリックします。
  3. 必要に応じて、ヘッダーに組織のタイトルを含めます。
    1. [組織のタイトルの表示] 切り替えボタンをオンにします。
    2. [組織のタイトル] テキスト ボックスで、(組織のプロフィール設定からインポートされた) タイトルを維持するか、新しいタイトルを入力します。
    3. [タイトル色] ドロップダウン メニューから、タイトル テキストの色を選択します。
  4. 必要に応じて、ヘッダーに組織のロゴを含めます。
    1. [組織のロゴの表示] 切り替えボタンをオンにします。
    2. [ファイルの選択] をクリックして、デスクトップ上の画像ファイルを参照します。

      使用できる画像形式は PNG、GIF、および JPEG です。 最適な結果を得るには、ロゴを幅 300 ピクセル、高さ 300 ピクセルにする必要があります。

    3. ロゴに表示したい内容になるまで画面移動および拡大します。

      画像ファイルのサイズと解像度、およびサムネイルのカスタマイズの際の拡大率によっては、画像が、保存されるときにリサンプリングされ、サイズ変更される場合があります。

    4. [保存] をクリックします。
  5. 必要に応じて、ヘッダーにカバー画像を含めます。
    1. [カバー画像の表示] 切り替えボタンをオンにします。
    2. 次のいずれかのオプションを使用して、カバー画像オプションを選択します。
      • [ストック カバーの使用] - すぐに使用できるストック カバー画像を適用します。 ドロップダウン メニューから画像を選択します。
      • [カスタム カバーのアップロード] -カスタム カバー画像をアップロードします。 [ファイルの選択] をクリックして、デスクトップ上の画像ファイルを参照します。 使用できる画像形式は PNG、GIF、および JPEG です。 [保存] をクリックします。
        メモ:

        アップロードする前に、画像ファイルのサイズを検討してください。 ファイル サイズが大きいと、Web サイトを参照する一部のユーザーのパフォーマンスに影響を与える可能性があります。

  6. [レイアウト オプション] をクリックして、次のいずれかを実行します。
    • カバー画像の高さを選択します。
    • 画像プレビュー ウィンドウでクリックして、カバー画像の中心点を調整します。 指定した中心点により、すべての画面サイズでの画像の中心が決定されます。
    • [オーバーレイの不透明度] スライダーでカバー画像の不透明度を調整します。
    • タイトルとロゴの垂直方向の配置と、カバー画像に対する水平方向の位置を調整します。
      メモ:

      [左揃え] を選択した場合、タイトルの配置は画面サイズに基づいて動的に調整されます。 デスクトップ デバイスで画面サイズを狭くすると、タイトルが中央に寄ります。 タブレットやスマートフォンでは、選択した整列オプションにかかわらず、タイトルは常に中央に配置されます。

  7. [保存] をクリックしてヘッダー構成を保存します。

ボディ

ホーム ページのボディには、最大 5 つの本文テキスト ブロックと 5 つのアイテム ギャラリーを含めることができます。 テキスト ブロックを使用して、組織に関する見出しやその他のテキスト ベースのコンテンツを構成します。 アイテム ギャラリーを構成して、マップ、シーン、アプリ、その他のコンテンツ アイテムを表示します。

アイテム ギャラリーを構成する場合は、表示するアイテムを含むグループを指定します。 これにより、異なるユーザーに別のコンテンツが表示されるようにカスタム ギャラリーを構成することができます。 たとえば、匿名アクセスを許可している組織サイトで、一部のアイテムを組織のメンバーのみに表示し、メンバー以外のサイトへの訪問者には表示しないようにすることができます。

次のグループ設定 (このグループを表示できる人) とアイテム共有レベルの組み合わせを使用して、アイテム ギャラリーと個々のギャラリー アイテムの表示設定を制御できます。

アイテム ギャラリーの対象ユーザーグループを表示可能にするユーザーアイテム共有レベルの設定

すべての人 (パブリック)

すべての人 (パブリック)

すべての人 (パブリック)

すべての組織のメンバー (メンバー以外はなし)

組織内の人

組織

特定の組織のメンバー

組織内の人

アイテム ギャラリー グループとその他の特定グループ

アイテム ギャラリーに、ホーム ページを表示しているユーザーに表示されるアイテムがない場合、ギャラリーは表示されません。 たとえば、メンバー以外のユーザーには、組織レベルで共有されているアイテムのみを含むギャラリーは表示されません。

それぞれの本文テキスト ブロックとアイテム ギャラリーは、組織やユーザー コミュニティのニーズに合わせてカスタマイズすることができます。 構成すると、テキスト ブロックとギャラリーは、ページ上で並べ替えたり、必要に応じて編集したりすることができます。

ホーム ページのボディを構成するには、次の手順を実行します。

  1. 上の「ホーム ページの作成」セクションに記載された最初の 4 つの手順を実行します。
  2. [コンテンツ] の下にある [ボディ] をクリックします。
  3. [新しいテキスト ブロックの追加] をクリックしてテキスト ブロックを構成し、次の手順を実行します。
    1. 見出しを含めるには、[大見出しの表示] 切り替えボタンをオンにして、見出しを入力します。
    2. 本文テキストを含めるには、[本文の表示] 切り替えボタンをオンにして、本文テキストを入力します。
    3. テキストの整列オプションを選択します。
    4. [背景色] ドロップダウン メニューから、テキスト ブロックの背景色を選択します。
    5. [保存] をクリックしてテキスト ブロックの構成を保存します。
    6. テキスト ブロックごとに、これらの手順を繰り返します。
  4. [新しいアイテム ギャラリーの追加] をクリックしてアイテム ギャラリーを構成し、次の手順を実行します。
    1. [グループ] ボックスをクリックし、ギャラリーに表示するコンテンツのグループを見つけて選択します。
    2. タイトルを含めるには、[タイトルの表示] 切り替えボタンをオンにして、タイトルを入力します。
    3. サマリーを含めるには、[サマリーの表示] 切り替えボタンをオンにして、サマリーを入力します。
    4. タイトルおよびサマリー テキストの整列オプションを選択します。
    5. [表示するアイテムの数] ドロップダウン メニューから、数値を選択します。
    6. アイテムの並べ替え方法を変更するには、[アイテムの並べ替え基準] ドロップダウン メニューからオプションを選択します。 たとえば、ビュー数や所有者でアイテムを並べ替えることができます。 アイテムを昇順ではなく降順で並べるには、[昇順で並べ替え] チェックボックスをオフにします。
    7. [初期設定の表示] セクションで、アイテム カードに表示する情報を指定します。 たとえば、[アイテム タイプの表示] および [サマリーの表示] 切り替えボタンをオフにすると、この情報を非表示にすることができます。 [背景色] ドロップダウン メニューから、必要に応じてギャラリーに異なる背景色を選択します。
    8. ギャラリーごとに、これらの手順を繰り返します。
  5. ブロックの構成が完了したら、[保存] をクリックします。
  6. [ボディ] ウィンドウで、次の手順を実行し、構成したブロックを編集して並べ替えます。
    • ブロックを編集するには、[編集] ボタン 編集 をクリックし、必要な変更を行い、[保存] をクリックします。
    • ブロックを削除するには、[削除] ボタン 削除 をクリックします。
    • ホーム ページ上のブロックの位置を変更するには、ブロック上の [並べ替え] ボタン 並べ替え をクリックして、新しい位置にドラッグします。
  7. 完了したら [保存] をクリックします。

フッター

デフォルトでは、ホーム ページのフッターに事前構成済みの 3 つのリンク ([Esri へのお問い合わせ] リンクなど) が含まれています。 また、組織のカスタム連絡先リンクを構成したり、フッターの背景色を選択したりすることもできます。

ホーム ページ フッターを構成するには、次の手順を実行します。

  1. 上の「ホーム ページの作成」セクションに記載された最初の 4 つの手順を実行します。
  2. [コンテンツ] の下にある [フッター] をクリックします。
  3. フッターに [組織に連絡] リンクを含めるには、[[組織に連絡] リンクの表示] トグル ボタンをオンにして、リンクに使用する電子メール アドレスを入力します。
  4. [背景色] ドロップダウン メニューから、ホーム ページ フッターの背景色を選択します。
  5. [保存] をクリックしてフッター構成を保存します。

従来のホーム ページ

デフォルトでは、ArcGIS Online の 2020 年 6 月の更新前に設定された ArcGIS Online 組織は、従来のホーム ページ構成を使用しています。 従来のホーム ページ設定のサポートは、今後廃止される予定です。 できるだけ早く既存の組織を新しいホーム ページ環境に移行することをお勧めします。

新しいホーム ページへの移行

従来のホーム ページを新しいホーム ページに移行するには、次の手順を実行します。

  1. デフォルトの管理者または組織の Web サイトを管理するための管理権限を持つカスタム ロールとしてサイン インしていることを確認します。
  2. サイトの上部にある [組織] をクリックして、[設定] タブをクリックします。
  3. ページの横にある [ホーム ページ] をクリックします。
  4. [ホーム ページ エディター] セクションで、[エディターの起動] をクリックします。
  5. 新しいホーム ページのコンポーネントを構成します。
  6. [この構成に切り替え] をクリックしてアクティブにします。

    従来のホーム ページが、新しいホーム ページのデザインに置き換えられます。 今後廃止されるまでは、従来のホーム ページ構成設定にアクセスできます。

  7. [保存] をクリックし、[閉じる] ボタンをクリックします。
  8. サイトの上部にある [ホーム] をクリックすると、新しいホーム ページが表示されます。
メモ:
何らかの理由で従来のホーム ページに戻す必要がある場合、従来のページが廃止されるまでは戻すことができます。 [組織] から [設定] をクリックし、[ホーム ページ] をクリックして、[以前のホーム ページ構成] リンクをクリックします。 従来のホーム ページ構成ウィンドウの上部にある [この構成をアクティブなホーム ページにする] リンクをクリックします。 [切り替え] をクリックして確認します。

従来のホーム ページの編集

従来のホーム ページおよび設定のサポートは、今後廃止される予定です。 ただし、新しいホーム ページに移行する準備が整うまで、必要に応じて従来のホーム ページに変更を加えることができます。

  1. デフォルトの管理者または組織の Web サイトを管理するための管理権限を持つカスタム ロールとしてサイン インしていることを確認します。
  2. サイトの上部にある [組織] をクリックして、[設定] タブをクリックします。
  3. ページの横にある [ホーム ページ] をクリックします。
  4. [アクティブなホーム ページの切り替え] セクションで、[現在のホーム ページ構成] リンクをクリックします。
  5. 以下のホームページ設定のうちのいずれかを構成します。

表示設定

背景画像およびバナー画像を設定して、ホーム ページの表示設定をカスタマイズできます。

[背景画像] では、デフォルトの画像を選択するか、独自の画像をアップロードするか、背景画像なしを指定します。 独自の画像をアップロードする場合、画像はページの上部および中央に配置されます。 画像がブラウザーまたはデバイスのウィンドウより小さい場合は、水平方向に繰り返されます。 背景画像を繰り返さずに 1 つの画像にする最善策は、画像を幅 1,920 ピクセルにすることです (ユーザーの画面が小さい場合は、これより小さくします)。 画像のサイズは、Web サイトによって変更されることはありません。 サイズが 1 MB を超えるファイルはアップロードしないようにしてください。

[バナー画像] では、画像を選択するか、独自の画像をアップロードするか、カスタム デザインを作成します。 適切なサイズは、画像を幅 960 ピクセルにする必要があります。 カスタム画像を使用する場合、組織のロゴとタイトルはホーム ページに表示されません。 カスタム デザインを作成するには、リッチ テキスト エディターを使用するか、HTML ソース コード ビューに切り替えます。

注目のコンテンツ

ホーム ページでお勧めするコンテンツを含むグループを選択し、[表示するアイテムの数] の値 (すべて、または 32 までの 4 の倍数) を選択します。 1 ページに 4 つのアイテムが表示されます。 また、お勧めのコンテンツを設定しないようにすることもできます。

アイテムの格納方法を変更するには、[並べ替え順] ドロップダウン リストでオプションを選択し、アイテムの並べ替え方法を変更するには、[昇順] または [降順] のいずれかを選択します。 並べ替えフィールドや順序を設定で変更した場合、グループ ページや埋め込まれたギャラリーまたはギャラリー アプリ上のアイテムも変更されます。

組織の説明

組織の説明を入力します。 独自のサポートされている HTML コードを貼り付けるか入力するには、HTML ソース コード ビューに切り替えます。

ホーム ページ上に説明を表示する場合は、[ホーム ページの下部に説明を表示] をオンにします。 組織サイトの説明がバナーの下に表示されます。