カスタム書式設定のテーマを使用する
Tableau には多くの書式設定オプションがインストールされているため、Viz やダッシュボードをニーズに合わせてカスタマイズすることができます。同じ書式設定を多くのワークブックに使用する場合、またはビジネスに適した特別なフォントや色がある場合は、カスタム書式設定テーマを使用することで時間を節約できます。カスタム テーマを使用すると、書式設定の選択肢を Tableau ワークブック全体にすばやく適用できます。
書式設定の選択肢を指定する JSON ファイルをインポートすることで、Tableau ワークブックにカスタム テーマを追加できます。同様に、ワークブックを表示していて、別のワークブックで同じテーマを使用する場合は、カスタム テーマ ファイルをエクスポートできます。
注: この機能は Tableau Desktop 2025.1 でのみ使用できます。
カスタム テーマをインポートする
Tableau Desktop を開き、ワークシートを作成します。
ツールバーから [書式設定] を選択します。
[カスタム テーマをインポート…] を選択します。
インポートする JSON ファイルを選択し、[開く] を選択します。
ダイアログが表示され、これまでに行われた既存の書式設定の編集を [上書き] または [維持] するかのオプションを選択できます。
カスタム テーマをインポートする前に、Tableau ワークブックに加えられたすべての書式設定の変更をカスタム テーマで上書きするように選択できます。カスタム テーマをインポートする前に、書式設定パネルで行った変更を維持することも選択できます。
注: カスタム テーマで既存の書式設定の編集を上書きすることを選択した場合、JSON ファイルに含まれているスタイルの変更のみが上書きされます。リッチ テキスト エディターで行われたスタイルの変更は上書きされません。
上書き: カスタム テーマ ファイルは、Tableau ワークブックに加えられたすべての書式設定を上書きします。
維持: カスタム テーマ ファイルは、Tableau ワークブックに加えられたすべての書式設定を維持します。
[上書き] または [維持] を選択します。
カスタム テーマがインポートされ、ワークブックに書式設定が適用されます。
カスタム テーマをエクスポートする
カスタム テーマをエクスポートするには 2 つの方法があります。1 つはカスタム テーマ ファイルをエクスポートする方法で、もう 1 つはカスタム テーマが適用されたワークブックをエクスポートする方法です。テーマをエクスポートすると、選択したワークシートに加えられた書式設定がエクスポート ファイルに追加されます。たとえば、ワークブック内の 2 つの異なるワークシートで異なる書式設定を選択した場合、カスタム テーマ ファイルをエクスポートするときに、選択したワークシートに加えられた書式設定がファイルに反映されます。エクスポートされるのは、カスタム テーマ ファイルでサポートされ、存在しているスタイル要素のみです。
カスタム テーマを含む JSON ファイルをエクスポートする
ツールバーから [書式設定] を選択します。
[カスタム テーマをエクスポート…] を選択します。
カスタム テーマ ファイルを保存するフォルダーに移動し、[保存] をクリックします。
これで、カスタム テーマ ファイルをローカルで見つけることができるようになりました。このテーマ ファイルを他のワークブックにインポートして使用することもできます。
カスタム テーマが適用されたワークブックをエクスポートする
ワークシートのツールバーから、[ファイル] > [名前を付けて保存] の順に選択します。
または、[パッケージド ワークブックのエクスポート] を選択します。
ワークブックを .twb または .twbx ファイルとして保存します。
Tableau でワークブックを再度開くと、カスタム テーマが適用されます。
JSON ファイルを作成する
JSON ファイルは、カスタム テーマのスタイルを定義する場所です。お好みのテキスト エディターを使ってファイルを作成し、カスタム テーマに必要なスタイル要素を含めることができます。ファイルを作成する際のテンプレートとして、サンプル ファイルを使用します。
ファイルを検証するのに役立つサードパーティーのリソースはたくさんあります (https://www.jsonschemavalidator.net など)。
ここでテーマ ファイルを検証するために必要な JSON スキーマ ファイルをダウンロードできます。
カスタム テーマ ファイルに含める要素
カスタム テーマ ファイルには、バージョン、ベース テーマ、スタイル要素、スタイル属性、および書式設定の選択肢を含める必要があります。
バージョン
カスタム テーマ ファイルの最初の行にはバージョンを含める必要があります。Tableau 25.1 以降、バージョン番号は 1.0.0 であり、行は "version": "1.0.0" のようになります。
バージョン番号は、Tableau の今後のバージョンで更新される可能性があります。
ベース テーマ
カスタム テーマ ファイルの 2 番目のエントリには、ベース テーマを含める必要があります。ベース テーマは、Tableau で使用可能な既存のワークブック テーマに対応しており、Tableau Desktop のさまざまなバージョンに基づいています。json テーマ ファイルで指定された書式設定スタイルは、ベース テーマの上に適用されます。
ベース テーマ | テーマ ファイル内のエントリに | 対応する |
---|---|---|
スムーズ | Tableau Desktop バージョン 10.x 以前 | "base-theme": "smooth" |
クリーニング | Tableau Desktop バージョン 8.0.x ~9.3.x | "base-theme": "clean" |
モダン | Tableau Desktop バージョン 3.5 ~ 7.0 | "base-theme": "modern" |
クラシック | Tableau Desktop バージョン 1.0 ~ 3.2 | "base-theme": "classic" |
ワークブックのテーマの詳細については、「ワークブックのテーマのアップグレードまたは変更 (Tableau Desktop のみ)」を参照してください。
スタイル要素
スタイル要素は、書式設定の選択内容がどのレベルで適用されるかを指定します。たとえば、すべてのフォント、フィルター タイトル、またはツールチップのフォントのみなどです。指定可能な要素の一覧については、スタイル要素の表を参照してください。
スタイル属性
スタイル属性は、書式設定の選択内容を適用するスタイル要素の部分を指定します。たとえば、すべてのスタイル要素に対するフォントの色とフォント サイズなどです。
使用しているスタイル要素の属性リストを必ず確認してください。たとえば、ハイライター スタイル要素は、背景色スタイル属性をサポートしていますが、ハイライター タイトル要素はサポートしていません。
書式設定の選択肢
書式設定の選択肢では、スタイル要素とスタイル属性に適用する内容を指定します。たとえば、フォントの色、フォント ファミリー、フォント サイズなどです。書式設定の選択肢を指定する際は、スタイル属性に応じて文字列または整数として入力する必要があります。色は、#FF0000 などの 16 進カラーコードとして入力する必要があります。
文字列の入力タイプには、テキストが含まれています。
整数の入力タイプには、整数が含まれています。
カスタム テーマ ファイルの例
{ "version": "1.0.0",
"base-theme": "smooth",
"styles": {
"all": {
"font-color": "#d16302",
"font-family": "Tableau Bold"
},
"worksheet": {
"font-color": "#d16302",
"font-family": "Tableau Bold",
"font-size": 14
},
"worksheet-title": {
"font-color": "#d16302",
"font-family": "Tableau Bold",
"font-size": 14
},
"view": {
"background-color": "#ffb370"
}
}
}
カスタム テーマでサポートされているスタイル要素
この表は、サポートされているスタイル要素と、それに対応するサポートされているスタイル属性の一覧です。現在、Tableau で使用できるすべてのスタイル要素がカスタム テーマでサポートされているわけではありませんが、今後のリリースではさらに多くのスタイル要素が追加される予定です。カスタム テーマ ファイルをインポートすると、そのスタイル要素がワークブック内のすべてのワークシートに適用されます。
スタイル要素 | 説明 | スタイル属性 | 入力タイプ | 書式設定の選択肢 |
---|---|---|---|---|
all | ワークブック全体のすべてのフォントを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
worksheet | ワークシートのデフォルトのフォントを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
worksheet-title | ワークシートのタイトルのフォントを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
tooltip | ツールチップのフォントを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
dashboard-title | ダッシュボードのタイトルを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
font-weight | 文字列 | normal または bold. として指定された文字列 | ||
story-title | ストーリーのタイトルのフォントを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
header | ヘッダーのフォントを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
legend | 凡例の本文のフォントと背景色を書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
background-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。 | ||
legend-title | すべてのワークシートの凡例タイトルのフォントを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
フィルター | すべてのワークシートのフィルター本体のフォントと背景色を書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
background-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。 | ||
filter-title | すべてのワークシートのフィルター タイトルのフォントを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
parameter-ctrl | すべてのワークシートのパラメーター本文のフォントと背景色を書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
background-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。 | ||
parameter-ctrl-title | すべてのワークシートのパラメーター制御タイトルのフォントを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
highlighter | すべてのワークシートのハイライター本文のフォントと背景色を書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
background-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。 | ||
Highlighter-title | すべてのワークシートのハイライター制御タイトルのフォントと背景色を書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
font-size | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
page-ctrl-title | すべてのワークシートのページ カード タイトルのフォントを書式設定します。 | font-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
font-family | 文字列 | 最大長が 50 文字の文字列。 | ||
gridline | ビュー上のグリッド線を書式設定します。 | line-visibility | 文字列 | on または off として指定された文字列。 |
line-pattern | 文字列 | dotted 、dashed 、または solid 指定された文字列。 | ||
line-width | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
line-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。 | ||
zeroline | ビュー上のゼロラインを書式設定します。 | line-visibility | 文字列 | on または off として指定された文字列。 |
line-pattern | 文字列 | dotted 、dashed 、または solid 指定された文字列。 | ||
line-width | 整数 | 最小値が 1、最大値が 99 の整数。 | ||
line-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。 | ||
mark | ビュー上のマークの色を書式設定します。 | mark-color | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |
view | ビューの背景色を書式設定します。 | 文字列 | #FF0000 などの 16 進カラー コード形式に従った文字列。 |