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 @   老王教你学Linux  阅读(4622)  评论(1编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示