[comment]: # ({d1036ff8-d1036ff8})
# 8 独自テーマ作成

[comment]: # ({/d1036ff8-d1036ff8})

[comment]: # ({cb54c172-cb54c172})
#### 概要

デフォルトでZabbixはいくつか事前定義されたテーマを提供します。独自のテーマを作成するには、ここに記載されている手順に従ってください。何かいいものを作成した場合は、作業の結果をZabbixコミュニティと自由に共有してください。

[comment]: # ({/cb54c172-cb54c172})

[comment]: # ({be6afd90-be6afd90})
##### ステップ 1

独自のテーマを定義するには、CSSファイルを作成し、それを`assets/styles/`フォルダー（たとえば、*custom-theme.css*）に保存します。別のテーマからファイルをコピーして、それを元にテーマを作成するか、最初から始めることができます。

[comment]: # ({/be6afd90-be6afd90})

[comment]: # ({34bae249-34bae249})
##### ステップ 2

APP::getThemes()メソッドによって返されるテーマのリストにテーマを追加します。このためにはAPPクラスのZBase::getThemes()メソッドをオーバーライドします。これは*include/classes/core/APP.php*の閉じ中括弧の前に次のコードを追加することで実行できます。

      public static function getThemes() {
          return array_merge(parent::getThemes(), [
              'custom-theme' => _('Custom theme')
          ]);
      }

::: noteimportant
引用符の最初のペアで指定する名前は、拡張子なしのテーマファイルの名前と一致する必要があることに注意してください。
:::

複数のテーマを追加するには、最初のテーマの下にそれらをリストします。次に例を示します。

      public static function getThemes() {
          return array_merge(parent::getThemes(), [
              'custom-theme' => _('Custom theme'),
              'anothertheme' => _('Another theme'),
              'onemoretheme' => _('One more theme')
          ]);
      }

最後のテーマを除くすべてのテーマには、末尾にカンマが必要であることに注意してください。

::: notetip
グラフの色を変更するには、エントリを*graph\_theme*データベーステーブルに追加する必要があります。
:::

[comment]: # ({/34bae249-34bae249})

[comment]: # ({b67ccba3-b67ccba3})
##### ステップ 3

新しいテーマをアクティブにします。

Zabbixフロントエンドで、新しいテーマをデフォルトのテーマに設定したり、ユーザープロファイルで各ユーザーのテーマを変更することができます。

新しいルックアンドフィールをお楽しみください！

[comment]: # ({/b67ccba3-b67ccba3})