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需要特别注意图片大小,不然出现的页面就是乱码显示。

最终效果图如下


posted @ 2020-04-30 15:29  老王教你学Linux  阅读(4324)  评论(1编辑  收藏  举报