---
schema_version: "1"
id: 04e3eb0d58307f8545b2bcaafed35478185d9c49c0e12938d64c8d196889ccdb
title: カスタム書式設定のテーマを使用する
collection: tableau
version: next
locale: ja-jp
portal_url: https://docs.salesforce.com/tableau/next/ja-jp/public/desktop/formatting_custom_themes.md
canonical_url: https://help.tableau.com/v0.0/public/desktop/ja-jp/formatting_custom_themes.htm
source_site: help.tableau.com
content_type: documentation
content_hash: 08d3e1c1331b4019634602f1639f3589e891f270e01a4aa1e0f1e338adec2548
description: Use custom formatting themes to apply consistent formatting across workbooks.
---
[メイン コンテンツに進む](#main-content)

# カスタム書式設定のテーマを使用する

Tableau には多くの書式設定オプションがインストールされているため、Viz やダッシュボードをニーズに合わせてカスタマイズすることができます。同じ書式設定を多くのワークブックに使用する場合、またはビジネスに適した特別なフォントや色がある場合は、カスタム書式設定テーマを使用することで時間を節約できます。カスタム テーマを使用すると、書式設定の選択肢を Tableau ワークブック全体にすばやく適用できます。

書式設定の選択肢を指定する JSON ファイルをインポートすることで、Tableau ワークブックにカスタム テーマを追加できます。同様に、ワークブックを表示していて、別のワークブックで同じテーマを使用する場合は、カスタム テーマ ファイルをエクスポートできます。

注: この機能は Tableau Desktop 2025.1 でのみ使用できます。

## カスタム テーマをインポートする

1. Tableau Desktop を開き、ワークシートを作成します。
2. ツールバーから \[書式設定\] を選択します。
3. \[カスタム テーマをインポート…\] を選択します。  
      
    ![\[カスタム テーマをインポート\] オプションが選択された書式設定メニュー。](Img/formatting_import_customtheme.png)
4. インポートする JSON ファイルを選択し、\[開く\] を選択します。
    
    ダイアログが表示され、これまでに行われた既存の書式設定の編集を \[上書き\] または \[維持\] するかのオプションを選択できます。  
      
    ![カスタム テーマを使用して現在の書式設定を置き換えるか維持するかを選択できるダイアログ ボックス。](/tableau/next/ja-jp/public/desktop/ja-jp/Img/formatting_override_customtheme.png)
    
    カスタム テーマをインポートする前に、Tableau ワークブックに加えられたすべての書式設定の変更をカスタム テーマで上書きするように選択できます。カスタム テーマをインポートする前に、書式設定パネルで行った変更を維持することも選択できます。
    
    注: カスタム テーマで既存の書式設定の編集を上書きすることを選択した場合、JSON ファイルに含まれているスタイルの変更のみが上書きされます。リッチ テキスト エディターで行われたスタイルの変更は上書きされません。
    
    上書き: カスタム テーマ ファイルは、Tableau ワークブックに加えられたすべての書式設定を上書きします。
    
    維持: カスタム テーマ ファイルは、Tableau ワークブックに加えられたすべての書式設定を維持します。
5. \[上書き\] または \[維持\] を選択します。

カスタム テーマがインポートされ、ワークブックに書式設定が適用されます。

## カスタム テーマをエクスポートする

カスタム テーマをエクスポートするには 2 つの方法があります。1 つはカスタム テーマ ファイルをエクスポートする方法で、もう 1 つはカスタム テーマが適用されたワークブックをエクスポートする方法です。テーマをエクスポートすると、選択したワークシートに加えられた書式設定がエクスポート ファイルに追加されます。たとえば、ワークブック内の 2 つの異なるワークシートで異なる書式設定を選択した場合、カスタム テーマ ファイルをエクスポートするときに、選択したワークシートに加えられた書式設定がファイルに反映されます。エクスポートされるのは、カスタム テーマ ファイルでサポートされ、存在しているスタイル要素のみです。

### カスタム テーマを含む JSON ファイルをエクスポートする

1. ツールバーから \[書式設定\] を選択します。
2. \[カスタム テーマをエクスポート…\] を選択します。  
      
    ![\[カスタム テーマをエクスポート\] オプションが選択された書式設定メニュー。](Img/formatting_export_customtheme.png)
3. カスタム テーマ ファイルを保存するフォルダーに移動し、\[保存\] をクリックします。

これで、カスタム テーマ ファイルをローカルで見つけることができるようになりました。このテーマ ファイルを他のワークブックにインポートして使用することもできます。

### カスタム テーマが適用されたワークブックをエクスポートする

1. ワークシートのツールバーから、\[ファイル\] > \[名前を付けて保存\] の順に選択します。
    
    または、\[パッケージド ワークブックのエクスポート\] を選択します。
2. ワークブックを .twb または .twbx ファイルとして保存します。

Tableau でワークブックを再度開くと、カスタム テーマが適用されます。

## JSON ファイルを作成する

JSON ファイルは、カスタム テーマのスタイルを定義する場所です。お好みのテキスト エディターを使ってファイルを作成し、カスタム テーマに必要なスタイル要素を含めることができます。ファイルを作成する際のテンプレートとして、サンプル ファイルを使用します。

ファイルを検証するのに役立つサードパーティーのリソースはたくさんあります (https://www.jsonschemavalidator.net など)。

[こちら](https://help.tableau.com/samples/en-us/custom_themes/CustomThemesSchema_1.0.0.json)からテーマ ファイルの検証に必要な 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 のみ)](https://help.tableau.com/v0.0/public/desktop/ja-jp/formatting_workbook.htm#Upgrade_or_change_your_workbook_theme)」を参照してください。

#### スタイル要素

スタイル要素は、書式設定の選択内容がどのレベルで適用されるかを指定します。たとえば、すべてのフォント、フィルター タイトル、またはツールチップのフォントのみなどです。指定可能な要素の一覧については、スタイル要素の表を参照してください。

#### スタイル属性

スタイル属性は、書式設定の選択内容を適用するスタイル要素の部分を指定します。たとえば、すべてのスタイル要素に対するフォントの色とフォント サイズなどです。

使用しているスタイル要素の属性リストを必ず確認してください。たとえば、ハイライター スタイル要素では、背景色スタイル属性がサポートされますが、ハイライター タイトル要素ではサポートされません。

#### 書式設定の選択肢

書式設定の選択肢では、スタイル要素とスタイル属性に適用する内容を指定します。たとえば、フォントの色、フォント ファミリー、フォント サイズなどです。書式設定の選択肢を指定する際は、スタイル属性に応じて文字列または整数として入力する必要があります。色は、#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 で使用できるすべてのスタイル要素がカスタム テーマでサポートされているわけではありませんが、今後のリリースでさらに多くのスタイル要素が追加される予定です。カスタム テーマ ファイルをインポートすると、そのスタイル要素がワークブック内のすべてのワークシートに適用されます。

<table style="width: 100%;mc-table-style: url('Resources/TableStyles/Basic-Border.css');" class="TableStyle-Basic-Border" cellspacing="0">
                    <colgroup><col class="TableStyle-Basic-Border-Column-Column1" style="width: 137px;">
                    <col class="TableStyle-Basic-Border-Column-Column1">
                    <col class="TableStyle-Basic-Border-Column-Column1">
                    <col class="TableStyle-Basic-Border-Column-Column1">
                    <col class="TableStyle-Basic-Border-Column-Column1">
                    </colgroup><thead>
                        <tr class="TableStyle-Basic-Border-Head-Header1">
                            <th class="TableStyle-Basic-Border-HeadE-Column1-Header1">スタイル要素</th>
                            <th class="TableStyle-Basic-Border-HeadE-Column1-Header1">説明</th>
                            <th class="TableStyle-Basic-Border-HeadE-Column1-Header1">スタイル属性</th>
                            <th class="TableStyle-Basic-Border-HeadE-Column1-Header1">入力タイプ</th>
                            <th class="TableStyle-Basic-Border-HeadD-Column1-Header1">書式設定の選択肢</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="2">all</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="2">ワークブック全体のすべてのフォントを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">worksheet</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">ワークシートのデフォルトのフォントを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">worksheet-title</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">ワークシートのタイトルのフォントを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">tooltip</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">ツールチップのフォントを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">dashboard-title</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">ダッシュボードのタイトルを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-weight</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1"><code>normal</code> または <code>bold</code> として指定された文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">story-title</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">ストーリーのタイトルのフォントを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="2">header</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="2">ヘッダーのフォントを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">legend</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">凡例の本文のフォントと背景色を書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">background-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">legend-title</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">すべてのワークシートの凡例タイトルのフォントを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">filter</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">すべてのワークシートのフィルター本体のフォントと背景色を書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">background-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">filter-title</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">すべてのワークシートのフィルター タイトルのフォントを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">parameter-ctrl</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">すべてのワークシートのパラメーター本文のフォントと背景色を書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">background-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">parameter-ctrl-title</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">すべてのワークシートのパラメーター制御タイトルのフォントを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">highlighter</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">すべてのワークシートのハイライター本文のフォントと背景色を書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">background-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">Highlighter-title</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="3">すべてのワークシートのハイライター制御タイトルのフォントと背景色を書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-size</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="2">page-ctrl-title</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="2">すべてのワークシートのページ カード タイトルのフォントを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">font-family</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最大長が 50 文字の文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">gridline</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">ビュー上のグリッド線を書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">line-visibility</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1"><i>on</i> または <i>off</i> として指定された文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">line-pattern</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1"><i>dotted</i>、<i>dashed</i>、または <i>solid</i> として指定された文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">line-width</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">line-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">zeroline</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1" rowspan="4">ビュー上のゼロラインを書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">line-visibility</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1"><i>on</i> または <i>off</i> として指定された文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">line-pattern</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1"><i>dotted</i>、<i>dashed</i>、または <i>solid</i> として指定された文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">line-width</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">整数</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">最小値が 1、最大値が 99 の整数。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">line-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。また、この要素では #FF000080のように、透明度を表すためにさらに 2 桁の数字を追加できます。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">mark</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">ビュー上のマークの色を書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">mark-color</td>
                            <td class="TableStyle-Basic-Border-BodyE-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyD-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                        <tr class="TableStyle-Basic-Border-Body-Body1">
                            <td class="TableStyle-Basic-Border-BodyB-Column1-Body1">view</td>
                            <td class="TableStyle-Basic-Border-BodyB-Column1-Body1">ビューの背景色を書式設定します。</td>
                            <td class="TableStyle-Basic-Border-BodyB-Column1-Body1">&nbsp;</td>
                            <td class="TableStyle-Basic-Border-BodyB-Column1-Body1">文字列</td>
                            <td class="TableStyle-Basic-Border-BodyA-Column1-Body1">#FF0000 などの 16 進カラー コード形式に従った文字列。</td>
                        </tr>
                    </tbody>
                </table>

## カスタム テーマ ファイルのインポートに関するトラブルシューティング

### 一部のスタイル要素が適用されていない

フォント タイプを表示できない

フォントは、Tableau にインストールされている場合、または環境内に存在する場合にのみ表示されます。

リッチ テキスト エディターを使用して書式設定を適用した

書式設定ペインではなくリッチ テキスト エディターで書式設定の更新を適用した場合、カスタム テーマを適用する際に既存の書式設定を上書きすることを選択しても、その書式設定はそのまま残ります。これはスタイル システムの書式設定が原因で発生します。

### テーマ ファイルをインポートできない

テーマ ファイルにエラーがある

エラー メッセージには、エラーの場所 (フォントの色など) が表示されます。スタイル要素テーブルでスタイル要素を見つけ、スタイル要素のエントリが入力タイプのガイドラインと一致していることを確認します。たとえば、色が文字列データ型であり、#FF0000 などの 16 進カラー コードの書式に従っている必要があります。  
  
![テーマ ファイルの検証中に発生したエラーの場所を示すエラー メッセージ。](/tableau/next/ja-jp/public/desktop/ja-jp/Img/formatting_error_customtheme.png)  

テーマ ファイルの検証に役立つサードパーティーのリソースはたくさんあります (https://www.jsonschemavalidator.net など)。

[こちら](https://help.tableau.com/samples/en-us/custom_themes/CustomThemesSchema_1.0.0.json)からテーマ ファイルの検証に必要な JSON スキーマ ファイルをコピーしてください。

テーマ ファイルが大きすぎる

ファイルの最大許容サイズは 15000 バイト (または 15 KB) です。ファイルのサイズを小さくして、もう一度やり直してください。

テーマ ファイルのパスが長すぎる

ファイル パスの最大長は 256 文字です。ファイル パスを短くして、もう一度やり直してください。

テーマ ファイル名に有効でない文字が含まれている

ファイル名に含めることができるのは、英数字、ピリオド、ハイフン、スペース、アンダースコアのみです。ファイル名に含まれる無効な文字をすべて削除して、もう一度やり直してください。