zabbix4.0前端个性化设置
有时候，我们需要配置zabbix前端，包括更换logo,自定义显示等信息。我只是打工的，都是老板要我做的
一、更换页面LOGO
原生的zabbix4.0LOGO是这样的：
http://s1.运维网.com/images/20181206/1544075586570453.png
我们需要更换LOGO
LOGO文件在/usr/share/zabbix/img 目录下的icon-sprite.svg
svg严格来说应该是一种开放标准的矢量图形语言,具备目前网络流行的jpg和png等格式无法具备的优势：
可以任意放大图形显示，但绝不会以牺牲图像质量为代价;可在svg图像中保留可编辑和可搜寻的状态;平均来讲，svg文件比其它格式的图像文件要小很多，因而下载也很快。
将文件导出后，用浏览器打开，可以看到原生图标
http://s1.运维网.com/images/20181206/1544076101131671.png
红色的LOGO就是我们需要替换的。
这里推荐一个SVG在线编辑工具，https://c.runoob.com/more/svgeditor/，将SVG文件上传
http://s1.运维网.com/images/20181206/1544076253610870.png
更换为大小一致的LOGO，更换后保存替换原有icon-sprite.svg文件，然后重新刷新浏览器缓存，及时生效，更换完如下所示：
http://s1.运维网.com/images/20181206/1544076380565829.png
二、实现登陆页面右侧显示
原生的页面右侧显示和标题显示都是zabbix字样，如下所示：
http://s1.运维网.com/images/20181206/1544076559693010.png
需要下修改/etc/zabbix/web/zabbix.conf.php文件，默认17行为”zabbix server",
按照自定义修改，重启zabbix-server服务生效
http://s1.运维网.com/images/20181206/1544076790262588.png
完成后如下所示：
http://s1.运维网.com/images/20181206/1544076828272774.png
http://s1.运维网.com/images/20181206/1544076868448140.png
三、修改页面链接信息
原生的zabbix右上角是“support"和“share"，”？“三个按钮，点击后分别会跳转官网网站的技术支持网站、zabbix模板分享和帮助文档网站。如下所显示：
http://s1.运维网.com/images/20181206/1544077320287616.png
现在我们需要修改
1、support 改名为jumpserver并跳转到堡垒机页面
2、删除“share"
3、删除”？“
以上所有的链接信息都是在/usr/share/zabbix/app/views/layout.htmlpage.menu.php文件中，修改之前记得备份文件
修改43行信息，修改前如下所示：
http://s1.运维网.com/images/20181206/1544078139393004.png
修改后：
http://s1.运维网.com/images/20181206/1544078200944600.png
修改51行，修改前
http://s1.运维网.com/images/20181206/1544078408176778.png
直接删除50行到57行
然后修改59行，修改前：
http://s1.运维网.com/images/20181206/1544078968608663.png
直接删除58到62行
最后完成修改后，重新清理浏览器缓存，刷新界面
http://s1.运维网.com/images/20181206/1544079035579920.png
可以看到”share"和”？“都没有了，”jumpersever"是我们自己的跳转的页面
http://s1.运维网.com/images/20181206/1544079094759251.png
四、思考
其实zabbix前端有很多东西可以定制修改，但是我不是前端开发，专业的事情还是要专业的人员去做把
1、页脚信息修改
2、浏览器图标修改
还是那句话，都是老板让我做，不关我的事情
页:
[1]