8 Tworzenie własnego motywu

Przegląd

Domyślnie Zabbix udostępnia kilka predefiniowanych motywów. Możesz postępować zgodnie z przedstawioną tutaj procedurą krok po kroku, aby utworzyć własny motyw. Zachęcamy do podzielenia się efektem swojej pracy ze społecznością Zabbix, jeśli uda Ci się stworzyć coś ciekawego.

Krok 1

Aby zdefiniować własny motyw, należy utworzyć plik CSS i zapisać go w folderze assets/styles/ (na przykład custom-theme.css). Można skopiować pliki z innego motywu i utworzyć swój motyw na ich podstawie albo zacząć od zera.

Krok 2

Dodaj swój motyw do listy motywów zwracanych przez metodę APP::getThemes(). Możesz to zrobić, nadpisując metodę ZBase::getThemes() w klasie APP. Można to zrobić, dodając następujący kod przed zamykającym nawiasem klamrowym w pliku include/classes/core/APP.php:

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

Aby dodać wiele motywów, po prostu wypisz je pod pierwszym motywem, na przykład:

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

Zwróć uwagę, że każdy motyw oprócz ostatniego musi mieć na końcu przecinek.

Krok 3

Aktywuj nowy motyw.

W frontend Zabbix możesz ustawić ten motyw jako domyślny lub zmienić swój motyw w profilu użytkownika.

Ciesz się nowym wyglądem i stylem!