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需要特别注意图片大小,不然出现的页面就是乱码显示。
最终效果图如下
技术是没有终点的,也是学不完的,最重要的是活着、不秃。 学习看书还是看视频,都不重要,重要的是学会,欢迎关注,我们的目标---不秃。
---更多运维开发交流及软件包免费获取请加V: Linuxlaowang
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .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 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义