Zabbixの独自のテーマの作成

Zabbixには、デフォルトで多数の事前定義済みテーマが用意されています。必要に応じて、以下のステップに従って独自のテーマを作成することもできます。個人が作成したテーマをZabbixコミュニティで共有することもできます。

ステップ1

独自のCSSファイルの作成

Zabbixに付属されている既存のCSSファイルを基準にして作成できます。たとえば、styles/css_bb.cssにあるBlack&Blue CSSファイルを使用して新しいcss_new.cssを作成できます。

ステップ2

適切な場所への新しいCSSファイルの配置

作成したcss_new.cssファイルをstyles/ディレクトリに配置します。

ステップ3

include/forms.inc.phpの編集

このファイルを編集用に開き、css_bb.cssを検索します。ここで、2つのコードを追加する必要があります。

Original code:

$cmbTheme = new CComboBox('theme',$theme);
$cmbTheme->AddItem(ZBX_DEFAULT_CSS,S_SYSTEM_DEFAULT);
$cmbTheme->AddItem('css_ob.css',S_ORIGINAL_BLUE);
$cmbTheme->AddItem('css_bb.css',S_BLACK_AND_BLUE);
Modified code:

$cmbTheme = new CComboBox('theme',$theme);
$cmbTheme->AddItem(ZBX_DEFAULT_CSS,S_SYSTEM_DEFAULT);
$cmbTheme->AddItem('css_ob.css',S_ORIGINAL_BLUE);
$cmbTheme->AddItem('css_bb.css',S_BLACK_AND_BLUE);
$cmbTheme->AddItem('css_new.css','MY_COOL_THEME');
元のテーマが定数を使用するのに対して、新規の例では(アポストロフィに囲まれた)文字列を使用します。アポストロフィを省略すると、警告が出ます。テーマにつけた名前を翻訳できるようにするには、ロケールファイルで名前に使用される定数を追加してください。
ステップ4

新規テーマをconfig.phpに追加してください。

$combo_theme->addItem('css_new.css','MY_COOL_THEME');
ステップ5

新しいテーマの有効化

Zabbix GUIでは、このテーマをデフォルトのテーマに設定するか、ユーザプロファイルでテーマを変更できます。

新しいテーマの外観と操作感をお楽しみください。