Sidebar

Zabbix Summit 2022
View presentations

1 Создание своей темы

По умолчанию, в Zabbix имеется несколько предустановленных тем. Вы можете следовать этой пошаговой инструкции, чтобы создать свою тему. Не стесняйтесь поделиться результатом своей работы с сообществом Zabbix, если вы создали что-нибудь приятное.

Шаг 1

Создайте свой файл CSS.

Файл может быть основан на существующих CSS файлах, поставляемых вместе с Zabbix. Например, вы можете взять от темы "Черное&Синее" CSS файл из styles/css_bb.css и создать новый css_new.css.

Шаг 2

Поместите новый CSS файл в нужное место.

Файл, который вы создали css_new.css поместите в папку styles/.

Шаг 3

Измените include/forms.inc.php.

Откройте файл и найдите там css_bb.css. Есть два фрагмента кода, которые вы должны изменить.

Оригинальный код:

$cmbTheme = new CComboBox('theme',$theme);
       $cmbThemeAddItem(ZBX_DEFAULT_CSS,S_SYSTEM_DEFAULT);
       $cmbThemeAddItem('css_ob.css',S_ORIGINAL_BLUE);
       $cmbThemeAddItem('css_bb.css',S_BLACK_AND_BLUE);

Измененный код:

$cmbTheme = new CComboBox('theme',$theme);
       $cmbThemeAddItem(ZBX_DEFAULT_CSS,S_SYSTEM_DEFAULT);
       $cmbThemeAddItem('css_ob.css',S_ORIGINAL_BLUE);
       $cmbThemeAddItem('css_bb.css',S_BLACK_AND_BLUE);
       **$cmbTheme→AddItem('css_new.css','MY_COOL_THEME');**

Обратите внимания, что оригинальные темы используют константы, но новый пример должен использовать строку (заключенную в одиночные кавычки). Вы не должны пропускать одиночные кавычки, потому что это приведет к предупреждениям. Если вы хотите чтобы название вашей темы было переводимым, тогда вы должны добавить константу с именем, определенную в файлах локализации - в таком случае не забудьте предварить эту константу префиксом S_

Шаг 4

Активируйте новую тему.

В веб-интерфейсе Zabbix вы можете установить эту тему как тему по умолчанию или изменить вашу тему в профиле пользователя.

Наслаждайтесь новым видом веб-интерфейса!