Skip to main content

テーマの作成

組織のブランドのガイドラインに適合するカスタム テーマや、ストーリーやコレクションのトーンに合ったカスタム テーマを作成できます。 テーマを作成するときは、色、タイポグラフィー、ボタン、引用符、区切り文字といったテーマ エレメントをカスタマイズできます。

注意:

デザイン パネル (ヘッダーにある [デザイン] をクリックすると開きます) の [カスタマイズ] セクションで、ストーリーまたはコレクションのヘッダーにロゴを追加することができます。 ただし、ロゴを含むテーマを選択した場合、テーマのロゴが適用され、[カスタマイズ] セクションのロゴ オプションは使用できません。

注意:

組織の管理者が、承認済みテーマのグループを選択した場合、テーマの公開時に、このグループのメンバーにはリストの上部にそのグループが表示されます。 承認済みテーマのグループの選択に関する詳細については、「組織の設定」をご参照ください。

テーマを作成および公開するには、次の手順に従います。

  1. Web サイトのヘッダーにある [テーマ] をクリックして、[テーマ] ページを参照します。

    [テーマ] ページには、[デザイン] パネルの [テーマ] セクションで [テーマの管理] をクリックして、ストーリー ビルダーからアクセスすることもできます。

  2. [新しいテーマ] をクリックして、テーマ ビルダーを起動します。

    テーマ ビルダーには、コンテンツ ブロックを含むサンプル ストーリーと、開始点として選択できる基本テーマを含むパネルが表示されます。 ArcGIS 組織に共有テーマがある場合は、プレビュー可能なテーマ カードがあります。

    共有テーマは、本文の背景色、本文のテキスト色、ボタンのテキスト色、ヘッダーの背景色、ヘッダーのテキスト色、リンクの色、ロゴ、ロゴのリンクに関して、ArcGIS 組織の共有テーマ設定に設定されているオプションを提供します。 ボタンの背景色は、テーマの強調色の設定にも使用されます。

  3. [開始点の選択] パネルでテーマ カードをクリックすると、テーマのプレビューでオプションをプレビューできます。 [選択] をクリックし、開始点として使用するテーマを選択します。

    テーマ ビルダーのオプション用のパネルが表示されます。

  4. パネル上部にある [無題のテーマ] のテキストを置き換えてテーマにタイトルを指定します。

  5. 次に示すオプションの中から選択してテーマを作成します。

    色

    背景色

    セカンダリー背景色 (計算済み)

    ヘッダーの色

    強調色

    注意:

    セカンダリー背景色は、プライマリー背景色のバリアントとして自動的に計算され、構成することはできません。 テーマ ビルダーで使用できるため、この背景色と対応するテキスト色とのコントラストがアクセシビリティーを確保するのに不十分である場合は、警告が表示されることがあります。

    タイポグラフィー

    フォント サイズ

    タイトルと見出し

    段落

    キャプション

    注意:

    Google Fonts からフォント ファミリーを追加して、テーマ作成時のオプションを増やすことができます。 選択したフォント ファミリーのフォント スタイルのウェイトを変更することもできます。

    注意:

    ArcGIS Enterprise アカウントのテーマを作成するときに Google Fonts を有効化するには、管理者が、[組織設定] で有効な Google Fonts API キーを指定する必要があります。 詳細については、「組織の設定」をご参照ください。

    ヘッダー

    色

    間隔

    ブロック間隔

    ボタン

    スタイルと色

    引用符

    スタイル、色、および配置

    リンク

    スタイルと色

    区切り文字

    スタイル、色、および位置

    ベースマップ

    ベースマップ

    注意:

    ここで指定したマップは、エクスプレス マップとマップ ツアーのデフォルト ベースマップとして使用されます。 これは Web メルカトル図法で表現される必要があります。

    ロゴ

    ロゴ画像

    ロゴのリンク

    ロゴの代替テキスト

    テーマを作成する間、テーマ プレビューをアクティブなエレメントまでスクロールすると、サンプル ストーリーが更新されて、それぞれのコンテンツ ブロックでテーマがどのような外観になるかのプレビューが表示されます。

  6. テーマを公開します。

    1. テーマ ビルダーのヘッダーで [公開] をクリックして、公開プロセスを開始します。

    2. 公開プロセス中に、テーマの利用者を選択して、[公開] をクリックします。 公開プロセスの詳細については、「テーマの公開」をご参照ください。

[ストーリー マップ テーマ] タイプの新しいアイテムが作成されます。 テーマが公開されると、[デザイン] パネルの [テーマの参照] セクションからそのテーマを選択することでストーリーまたはコレクションに適用できます。

注意:

テーマは、その適用先のストーリーまたはコレクションの閲覧者に表示される必要があります。 テーマが同じレベルで共有されていない場合、ストーリーまたはコレクションは標準の Summit テーマを使用して表示されます。

注意:

ストーリーまたはコレクションの公開時に、そのテーマの共有が不十分な場合は、ビルダーによって通知が示されます。 ArcGIS コンテンツ ページまたはその ArcGIS アイテム ページから共有を調整する場合、この通知は利用できないため、ストーリーとコレクションに対する共有の変更を行うには、ArcGIS StoryMaps ビルダーを使用することをおすすめします。

アクセシビリティー

テーマを設計するときは、ストーリーまたはコレクション内のテキスト コンテンツの読みやすさを確保するために、テキストと背景の色のコントラストを考慮することが重要です。 テーマ ビルダーは色を変更するたびにコントラスト比を計算して、一緒に使用される色のコントラストが不足していれば警告を表示します。

コントラストの計算と警告の閾値は WCAG 2.1 AA ガイドラインに準拠しています。 コントラスト比は、異なるセットのガイドラインを使用するように選択した場合に利用できます。 詳細を表示するには、コントラスト チェッカーをクリックして展開します。

アクセシビリティーの詳細については、「アクセシビリティーとサポートされている言語」をご参照ください。

標準テーマのリファレンス

6 つの標準テーマのパラメーターを以下の表に示します。 これらは、すぐに使用できるオプションの 1 つに基づいてカスタム テーマを作成する場合に便利です。

テーマ

Summit

Obsidian

Ridgeline

Mesa

Tidal

Slate

背景色

#ffffff

#0e1116

#f2f6ed

#faf2e6

#113f5d

#f7f7f7

強調色

#087f9b

#ea5b41

#31b871

#d13e37

#78dfc6

#b03535

タイトルと見出しのフォント ファミリー

Avenir Next

Charter BT

Klint

Elante

Ocean Sans

Pax

タイトルと見出しのフォントの色

#002625

#f3f3f3

#192c36

#131940

#ffffff

#001c1b

段落のフォント ファミリー

Noto Serif

Basic Commercial

Real Head

Elante

Mahsuri Sans

Swift Neue

段落のフォントの色

#304e4e

#e6f2f2

#637372

#574237

#bebdb1

#585858

キャプションのフォントの色

#3d6665

#809e9d

#506b88

#3a4f64

# c7d0ef

#001c1b

ボタンのスタイル

1

3

2

1

2

1

引用のスタイル

1

1

1

1

3

2

リンクのスタイル

1

1

1

1

1

1

区切り文字のスタイル

1

1

1

1

3

2

区切り文字の配置

左

左

左

左

中心

すべて

ベースマップ

Human Geography Light

キャンバス (ダーク)

地形図

モダン アンティーク

海洋図

新聞
トップへ戻る