ホーム ページの構成

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

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

ホーム ページの作成

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

10.9 で導入されたモダンなホーム ページ構成環境の手順と情報について、以下に説明します。

  1. デフォルトの管理者または組織の Web サイトを管理するための管理権限を持つカスタム ロールとしてサイン インしていることを確認します。
  2. サイトの上部にある [組織] をクリックして、[設定] タブをクリックします。
  3. ページの横にある [ホーム ページ] をクリックします。
  4. [ホーム ページ エディター] セクションで、[エディターの起動] をクリックします。
  5. ホーム ページのエレメントを以下のように構成します。
    • [ヘッダー] - タイトル、ロゴ、およびカバー画像
    • [ボディ] - アイテムのギャラリーとテキスト、およびリンク
    • [フッター] - 連絡先情報、カスタム フッターのテキストとリンク、およびフッターのスタイル設定
  6. 目的の [表示] オプションを使用して、デスクトップ、タブレット、モバイル デバイスでのホーム ページの表示をプレビューします。
  7. [保存] をクリックして、ホーム ページの構成を適用します。
  8. [閉じる] ボタン 閉じる をクリックして、ホーム ページ エディターを閉じます。
  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. [保存] をクリックしてヘッダー構成を保存します。

ボディ

ホーム ページのボディには、テキスト、アイテム、ギャラリー、リンクなど、最大 15 のブロックを含めることができます。 テキスト ブロックを使用して、組織に関する見出しやその他のテキスト ベースのコンテンツを構成します。 アイテム ギャラリーを構成して、マップ、シーン、アプリ、その他のコンテンツ アイテムを表示します。 メンバーと訪問者がその他のコンテンツを検索するのに役立つカスタム リンクのブロックを追加します。

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

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

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

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

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

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

すべての組織のメンバー

組織内の人

組織

特定の組織のメンバー

組織内の人

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

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

リンク ブロックを構成するとき、最大 8 つのリンクを含めることができます。 リンクには Web サイトの URL と電子メール アドレスを使用できます。 有効な HTTPS URL と mailto リンク構文を使用する必要があります。 リンクは、下線付きのテキストまたはボタンとして表示されるように構成できます。

各コンテンツ ブロックは、組織やユーザー コミュニティのニーズに合わせてカスタマイズすることができます。 一度構成したブロックは、ページ上で並べ替えたり、必要に応じて編集したりすることができます。

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

  1. 上の「ホーム ページの作成」セクションに記載された最初の 4 つの手順を実行します。
  2. [コンテンツ] の下にある [ボディ] をクリックします。
  3. テキスト ブロックを追加するには、次の手順を実行します。
    1. [ブロックの追加] をクリックし、[テキスト] をクリックします。
    2. 見出しを含めるには、[大見出しの表示] 切り替えボタンをオンにして、見出しを入力します。
    3. 本文テキストを含めるには、[本文の表示] 切り替えボタンをオンにして、[ボディ コピー] テキスト ボックスに本文テキストを入力します。

      本文テキストにハイパーリンクを含めるには、[リンクの追加] をクリックします。 [リンクの追加] ウィンドウで、リンク タイトルとリンク先を入力し、[追加] をクリックします。 リンク先は有効な HTTPS URL (https://www.arcgis.com/home など) または mailto リンク (mailto:info@example.com など) である必要があります。 リンクは、マークダウンの構文を使用して [ボディ コピー] テキスト ボックスに追加されます。

    4. テキストの整列オプションを選択します。
    5. [背景色] ドロップダウン メニューから、テキスト ブロックの背景色を選択します。
    6. [保存] をクリックしてテキスト ブロックの構成を保存します。
    7. テキスト ブロックごとに、これらの手順を繰り返します。
  4. アイテム ギャラリーを構成するには、次の手順を実行します。
    1. [ブロックの追加] をクリックし、[アイテム ギャラリー] をクリックします。
    2. [グループ] ボックスをクリックし、ギャラリーに表示するコンテンツのグループを見つけて選択します。
    3. タイトルを含めるには、[タイトルの表示] 切り替えボタンをオンにして、タイトルを入力します。
    4. サマリーを含めるには、[サマリーの表示] 切り替えボタンをオンにして、[サマリー] テキスト ボックスにサマリーを入力します。

      ギャラリー サマリーにハイパーリンクを含めるには、[リンクの追加] をクリックします。 [リンクの追加] ウィンドウで、リンク タイトルとリンク先を入力し、[追加] をクリックします。 リンク先は有効な HTTPS URL (https://www.arcgis.com/home など) または mailto リンク (mailto:info@example.com など) である必要があります。 リンクは、マークダウンの構文を使用して [サマリー] テキスト ボックスに追加されます。

    5. タイトルおよびサマリー テキストの整列オプションを選択します。
    6. [表示するアイテムの数] ドロップダウン メニューから、数値を選択します。
    7. アイテムの並べ替え方法を変更するには、[アイテムの並べ替え基準] ドロップダウン メニューからオプションを選択します。 たとえば、ビュー数や所有者でアイテムを並べ替えることができます。 アイテムを昇順ではなく降順で並べるには、[昇順で並べ替え] チェックボックスをオフにします。
    8. [アイテム タイプの表示] ドロップダウン メニューから、表示するアイテムのタイプ ([マップ][アプリ] など) を選択するか、[すべて] を選択してすべてのアイテム タイプをギャラリーに表示します。
    9. [初期設定の表示] セクションで、アイテム カードに表示する情報を指定します。 たとえば、[アイテム タイプの表示] および [サマリーの表示] 切り替えボタンをオフにすると、この情報を非表示にすることができます。 [背景色] ドロップダウン メニューから、必要に応じてギャラリーに異なる背景色を選択します。
    10. ギャラリーごとに、これらの手順を繰り返します。
  5. リンク ブロックを追加するには、次の手順を実行します。
    1. [ブロックの追加] をクリックし、[リンク] をクリックします。
    2. [リンク タイトル] テキスト ボックスに、リンクのタイトルを入力します。
    3. [リンク先] テキスト ボックスに、有効な Web サイトの HTTPS URL または電子メールのリンクを入力します。
      ヒント:

      電子メールのリンクの有効な構文は mailto:info@example.com です。

    4. [保存] をクリックして、リンクを追加します。
    5. 上記の手順を繰り返して、リンクをブロックに追加します。

      各リンク ブロックは、最大 8 つのリンクを含めることができます。

    6. 各リンクをボタンとして表示するには、[ボタンのアウトラインを表示] 切り替えボタンをオンにします。 リンクを下線付きのテキストとして表示するには、切り替えボタンをオフにします。
    7. [背景色] ドロップダウン メニューから、必要に応じてリンク ブロックに異なる背景色を選択します。
    8. リンクを管理するには、次のいずれかを実行します。
      • リンクを編集するには、[編集] ボタン 編集 をクリックし、必要な変更を行い、[保存] をクリックします。
      • リンクを削除するには、[削除] ボタン 削除 をクリックします。
      • ブロック内のリンクの順序を変更するには、リンクの横にある [順序変更] ボタン 順序変更 をクリックして、新しい位置にドラッグします。
  6. ブロックの構成が完了したら、[保存] をクリックします。
  7. [ボディ] ウィンドウで、次の手順を実行し、構成したブロックを編集して並べ替えます。
    • ブロックを編集するには、[編集] ボタン 編集 をクリックし、必要な変更を行い、[保存] をクリックします。
    • ブロックを削除するには、[削除] ボタン 削除 をクリックします。
    • ホーム ページ上のブロックの位置を変更するには、ブロック上の [並べ替え] ボタン 並べ替え をクリックして、新しい位置にドラッグします。
  8. 完了したら [保存] をクリックします。

フッター

また、組織のカスタム連絡先リンクを構成したり、フッターの背景色を選択したりできます。

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

  1. 上の「ホーム ページの作成」セクションに記載された最初の 4 つの手順を実行します。
  2. [コンテンツ] の下にある [フッター] をクリックします。
  3. フッターにカスタム テキスト (著作権情報テキストなど) を含めるには、[フッターのテキストの表示] 切り替えボタンをオンにして、フッターのテキストを入力します。

    カスタム フッターのテキストにハイパーリンクを含めるには、[リンクの追加] をクリックします。 [リンクの追加] ウィンドウで、リンク タイトルとリンク先を入力し、[追加] をクリックします。 リンク先は有効な HTTPS URL (https://www.arcgis.com/home など) または mailto リンク (mailto:info@example.com など) である必要があります。 リンクは、マークダウンの構文を使用して [フッターのテキスト] ボックスに追加されます。

  4. フッターに [組織に連絡] リンクを含めるには、[[組織に連絡] リンクの表示] 切り替えボタンをオンにして、リンクに使用する電子メール アドレスを入力します。
  5. [背景色] ドロップダウン メニューから、ホーム ページ フッターの背景色を選択します。
  6. [保存] をクリックしてフッター構成を保存します。
注意:

ホーム ページ フッターに表示する追加のリンクを構成するには、ポータルの構成ファイル内で footerLinks プロパティを編集します。 詳細については、「高度なポータル オプションの設定」をご参照ください。


このトピックの内容
  1. ホーム ページの作成