zabbix前端頁面修改與美化

背景環境：公司想要將zabbix轉換成自己的產品，需要修改頁面logo與前端頁面，修改方法如下

#修改前端登錄頁面為中文
[root@web01-tomcat ~]# cd /usr/share/zabbix/include/views/
[root@web01-tomcat views]# cp general.login.php general.login.php.bak
[root@web01-tomcat views]# vim general.login.php
#將Username改為漢字 登錄賬號
#將Password改為漢字 登錄密碼
#將Remember me for 30 days 改為 歡迎使用***系統
#將Sign in改為  登錄
#將Help改為  幫助
#將Support改為  技術支持

[root@web01-tomcat views]# cd ../../include/
[root@web01-tomcat include]# find xargs .|grep -ri "www.zabbix.com/domentation/4.0/"
[root@web01-tomcat include]# cp classes/helpers/CBrandHelper.php classes/helpers/CBrandHelper.php.bak
[root@web01-tomcat include]# vim classes/helpers/CBrandHelper.php
[root@web01-tomcat include]# vim locales.inc.php



#zabbix修改前端頁面底部 xxx 1997-2020 xxx有限公司
[root@zabbix-server ~]# cp /usr/share/zabbix/include/classes/helpers/CBrandHelper.php /usr/share/zabbix/include/classes/helpers/CBrandHelper.php.bak
[root@zabbix-server ~]# vim /usr/share/zabbix/include/classes/helpers/CBrandHelper.php




##zabbix修改前端Logo，，，登錄界面左上角打開的head頭標簽logo
[root@web01-tomcat helpers]# cd /usr/share/zabbix/
[root@web01-tomcat zabbix]# cp favicon.ico favicon.ico.bak
[root@web01-tomcat zabbix]# sz favicon.ico


在線編輯更改網址
http://www.fly63.com/php/ico/



###zabbix更改頁面logo

[root@web01-tomcat ~]# find / -name icon-sprite.svg
/usr/share/zabbix.source/img/icon-sprite.svg
/usr/share/zabbix/img.bak/icon-sprite.svg
/usr/share/zabbix/assets/img/icon-sprite.svg
[root@zabbix-server zabbix]# cd /usr/share/zabbix/assets/img/
[root@zabbix-server img]# cp icon-sprite.svg icon-sprite.svg.bak


下載至電腦主機，打開在線頁面編輯器編輯網址如下，一定要注意圖片大小
https://c.runoob.com/more/svgeditor/

注意：更改logo需要特別注意圖片大小，不然出現的頁面就是亂碼顯示。

最終效果圖如下