トップへ戻る

テーマの作成

このトピックの内容

  1. アクセシビリティ
  2. 標準テーマのリファレンス

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

注意:
デザイン パネル (ヘッダーにある [デザイン] をクリックすると開きます) の [カスタマイズ] セクションで、ストーリーまたはコレクションのヘッダーにロゴを追加することができます。 ただし、ロゴを含むテーマを選択した場合、テーマのロゴが適用され、[カスタマイズ] セクションのロゴ オプションは使用できません。
注意:
組織の管理者が、承認済みテーマ グループを選択した場合、テーマの公開時に、このグループのメンバーにはリストの上部にそのグループが表示されます。 承認済みテーマ グループの選択に関する詳細については、「ArcGIS Online での ArcGIS StoryMaps の管理」をご参照ください。

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

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

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

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

    テーマ ビルダーには、コンテンツ ブロックを含むサンプル ストーリーとテーマ ビルダー オプション用のパネルが表示されます。

  3. パネル上部にある [無題のテーマ] のテキストを置き換えてテーマにタイトルを指定します。
  4. 次に示すオプションの中から選択してテーマを作成します。

    テーマ エレメント

    オプション

    色

    背景色

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

    ヘッダーの色

    強調色

    注意:

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

    タイポグラフィ

    タイトルと見出し

    段落

    キャプション

    注意:

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

    注意:

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

    ボタン

    スタイルと色

    引用符

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

    リンク

    スタイルと色

    区切り文字

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

    ベースマップ

    ベースマップ

    注意:

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

    ロゴ

    ロゴ画像

    ロゴのリンク

    ロゴの代替テキスト

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

  5. テーマを公開します。
    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

#457778

#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

# bac8d6

#001c1b

ボタンのスタイル

1

3

2

1

1

1

引用のスタイル

1

1

1

1

3

2

リンクのスタイル

1

1

1

1

1

1

区切り文字のスタイル

1

1

1

1

3

2

区切り文字の配置

左

左

左

左

中心

すべて

ベースマップ

Human Geography Light

キャンバス (ダーク)

地形図

モダン アンティーク

海洋図

新聞

このトピックへのフィードバック

このトピックの内容
  1. アクセシビリティ
  2. 標準テーマのリファレンス