サイトを作成した後、ワークスペースを使用して、サイトの情報の編集および管理、カタログの構成、ページとコンテンツの追加、共有レベルの設定などを実行できます。 サイトの [カスタマイズ] パネルを使用すると、テーマ、ヘッダー、フッターを定義できます。 レイアウトの設計、メニュー リンクの設定なども実行できます。
編集モードでサイトを開く
サイトは、ブラウザー、ArcGIS Hub、または ArcGIS Online から編集モードで開くことができます。
次のいずれかに一致する場合、サイトを編集できます:
- サイトを所有している。
- サイトがホストされている組織の管理権限を持っている。
- サイトと同一の編集グループに属している。
編集モードでサイトを開くには、次の手順に従います:
- ArcGIS Hub にサイン インします。
ワークスペースが [概要] タブに表示されます。 デフォルトでは、更新日が新しいサイトが表示されます。
注意:
すでにサイン インしている場合、上隅のユーザー名をクリックし、[ワークスペースの表示] を選択して、ワークスペースを開きます。
- 編集モードで開きたいサイトをテーブルで探し、[レイアウトの編集] ボタン
をクリックします。サイトがテーブルに表示されない場合は、次の手順に従い追加のサイトを探し、編集モードで開きます:
- テーブルの下にある [すべてのサイトを表示] をクリックします。
構成済みサイトのフィルター付きの [コンテンツ] タブが表示されます。
- アイテム リストで、サイト名をクリックします。
サイトがビュー モードで開きます。
- アクション メニューで [編集] ボタン をクリックします。
- テーブルの下にある [すべてのサイトを表示] をクリックします。
サイトが編集モードで開きます。
サイトの管理
管理者、サイト所有者、サイト編集者は、ワークスペースでサイトを編集および管理できます。
サイトを管理するには、次の手順を実行します:
- ArcGIS Hub にサイン インします。
ワークスペースが [概要] タブに表示されます。
注意:
すでにサイン インしている場合、上隅のユーザー名をクリックし、[ワークスペースの表示] を選択して、ワークスペースを開きます。
- 管理したいサイトをテーブルで探し、[管理] ボタン
をクリックします。サイトがテーブルに表示されない場合は、以下に従って、管理する追加のサイトを探します:
- テーブルの下にある [すべてのサイトを表示] をクリックします。
構成済みサイトのフィルター付きの [コンテンツ] タブが表示されます。
- [管理] ボタン をクリックします。
サイトを管理できる画面にワークスペースが開きます。
- テーブルの下にある [すべてのサイトを表示] をクリックします。
- [詳細] ウィンドウで、次の情報を追加または編集します:
- [タイトル] - タイトルの変更は、サイトの URL には適用されません。 サイトのタイトルをヘッダーに追加するには、「ヘッダーおよびテーマ オプションを使用したサイトのブランディング」をご参照ください。
- [サマリー] - サマリーは検索エンジンによって収集された HTML メタデータに含まれます。 詳細については、「Google 使用時には、サイトとページが検索結果としてどのように表示されますか」をご参照ください。
- [サムネイル] - サイトがソーシャル メディアに投稿されると、この画像が表示されます。
- [その他の詳細を追加] - 説明を更新します。 サイトがソーシャル メディアに投稿されると、説明が表示されます。
- [見つけやすさの向上] - 検索結果を改善するため、タグとカテゴリーを追加します。
- [位置] - サイトの場所設定を選択し、必要に応じて 1 つ以上のフィーチャを描画します。
更新された詳細が公開されるサイトに表示されますが、[見つけやすさの向上] 内のタグおよびカテゴリーは公開されません。
ヒント:
ArcGIS Online でこれらの詳細の一部を編集することもできます。
- [保存] をクリックします。
- 必要に応じて以下を実行して、削除管理を設定します:
- [設定] タブをクリックして、[一般] をクリックします。
- [削除管理] で、切り替えボタンをクリックしてオンにします。
削除防止の設定がオンになっている間は、[削除] ボタンをクリックすることはできません。 これにより、サイトが誤って削除されないようにします。
注意:
サイト所有者および組織の管理者はサイトを削除できます。 サイト アイテムが ArcGIS Online および共有先のグループから永続的に削除されます。
- 必要に応じて、残りのタブを使用して以下の設定を更新します:
サイトのカスタマイズ
サイトをカスタマイズするには、次の手順に従います:
- サイトを編集モードで開きます。
- 必要に応じて、[カスタマイズの切り替え] ボタン
をクリックして [カスタマイズ] ウィンドウを開きます。[カスタマイズ] ウィンドウに、サイトに関連付けられたページを確認するボタンと、サイトに対して行えるカスタマイズ項目の一覧が表示されます。
- [関連ページ数] ボタン
をクリックして、サイトにリンクされているページを表示します。サイト レイアウト エディターには、[ページ] および [移行] タブが含まれています。 [ページ] タブには、サイトのコンテンツ カタログのグループに含まれているすべてのページが表示されます。 カタログのグループに表示されるページは、現在サイトに含まれています。 [移行] タブには、以前のサイトへのページの追加方法を使用してサイトにリンクされているすべてのページが表示されます。 表示されている各ページを移行する必要があります。
注意:
Hub は、ワークスペースが一般に使用できるようになって (2025 年 6 月) から約 1 年間、従来の編集モードで追加されているリンクされたページをサポートします。
- 戻るボタン
をクリックして、[カスタマイズ] ウィンドウに戻ります。 - [設定] をクリックしてサイト設定を構成します。
- [ヘッダー]、[テーマ]、[フッター] メニューを使用して、ヘッダーとテーマ オプションによるサイトのブランド化を行います。
注意:
携帯電話などの小型のデバイスでは、ヘッダーはドロップダウン メニューに折りたたまれ、グローバル ナビゲーション エレメントはサイド パネルにあるため、訪問者はあらゆる画面サイズでコンテンツを参照できます。
ヘッダーとフッターでカスタム コードを使用し、HTML と CSS でサイトをカスタマイズできます。 コーディングが必要ない [ヘッダー] メニューの構成オプションには、次のようなものがあります。
- ロゴ
- ヘッダーの背景色とテキストの色
- 訪問者とソーシャル メディアのプラットフォームをつなぐためのソーシャル アイコン
- サイト ナビゲーションを作成するためのページと追加リソースへのメニュー リンク
- または、グローバル ナビゲーションとメニュー リンクを構成してサイトをカスタマイズすることもできます。
ヘッダー、フッター、およびグローバル ナビゲーション バーはサイトとそのページ全体で一貫性を保ち、訪問者は他のページへのリンクをクリックした際に元のページに確実に戻ることができます。
- [テーマ] メニューから、ヘッダー、グローバル ナビゲーション バー、テキスト、背景の色を指定します。
選択した色とフォントは、サイト レイアウト全体とサイトにアタッチされたページに適用されます。 個別の行ごとにテーマ カラーをオーバーライドして、レイアウトの色をさらに詳細に制御できます。 各行には、テキストと背景色を設定したり、画像を背景として追加したりできる設定があります。
- [レイアウト] メニューを使用して、サイト レイアウトを設計します。
- パネルの上部で [カスタマイズ] の横にある戻るボタンを選択して、ルート メニューに戻ります。
サイト レイアウトの設計
レイアウト カードを使用して、サイトのレイアウトを設計します。 レイアウト カードを使用すると、サイトに画像、テキスト、アプリ、メディアなどの他のコンポーネントを追加できます。 行カードはレイアウトの基準であり、[テキスト]、[アプリケーション]、[画像] などのカードを挿入する場所で必要になります。
各行には、テキストと背景色を設定したり、画像を背景として追加したりできる設定があります。 これにより、各行でテーマの色をオーバーライドできます。 [カスタマイズ] ウィンドウの上隅に [保存] ボタンがあります。 他のユーザーが確認できるように、サイトをドラフトとして公開することができます。
注意:
詳細については、「サイトまたはページの公開」をご参照ください。
行カードを追加してサイトのレイアウトの設計を開始するには、次の手順を実行します:
- サイトを編集モードで開きます。
- [カスタマイズ] パネルを開き、[レイアウト] を選択します。
レイアウト メニューには、ドラッグアンドドロップするレイアウト カードの一覧が表示されます。
- [行] カードをサイド パネルからレイアウト上にドラッグし、行を配置します。
- 行の設定を編集するには、行の編集ボタン を選択します。
- [ワイド] レイアウト オプションを選択して行をレイアウト全体に広げるか、[ボックス] レイアウト オプションを選択して行内の固定幅でコンテンツを表示します。
ヒント:
主にモバイル デバイス上に表示されるサイトの場合、[ボックス] レイアウト設定を使用します。
- 行をレイアウトに再配置するには、行の右上隅にポインターを合わせ、位置ボタン
を使用して、行 (およびその中に含まれるすべてのカード) を移動します。 - 16 進数カラー コードまたはカラー パレットを使用して、テキストと背景の色を選択します。
これは、行内に表示されるテキスト、および行に追加されたカードに表示されるテキストに適用されます。
ヒント:
行テキストの色と背景色との色のコントラストが、通常のテキストの場合は 4.5:1、大きいテキストまたはシンボルの場合は 3:1 のアクセシビリティー比を満たしている、または超えていることを確認します。 WebAIM などの Web サイトを使用して、色のコントラストを確認します。
- 行の背景画像を設定するには、ホストされた画像ファイルへのリンクを貼り付けるか、画像をアップロードします。
特にテキストや他のコンテンツをオーバーレイする場合、パターンまたは題材がシンプルな画像を選択します。
- カード ([テキスト] カードなど) をサイド パネルから新しい行にドラッグし、カードを配置します。
行内にカードを再配置するには、カードの右上隅にポインターを合わせ、位置ボタン
をクリックして、カードを移動させます。 カードの左右の矢印を使用して、サイズを変更します。 - カードを編集するには、カードにポインターを合わせ、編集鉛筆 を選択します。
- カードまたは行を削除するには、削除ボタン
を選択します。 - [レイアウトの保存] を選択して変更内容を公開します。
編集の保存
ワークスペース内のサイトを管理する際は、別のウィンドウに移動する前に、各ウィンドウで変更した内容を保存します。 サイト エディターで、レイアウトに対する変更と、各設定セクションで変更した内容を保存します。
注意:
共有更新グループのメンバーがサイトを同時に編集している、またはサイトが複数のタブに開かれている場合、保存してサイトを閉じた最後のユーザーが行った編集内容が適用されます。 開かれたタブは自動的に更新されず、新しい変更内容は表示されません。そのため、一度に 1 人のユーザーだけがサイトを編集することをおすすめします。