zabbix4.0前端个性化设置

    有时候,我们需要配置zabbix前端,包括更换logo,自定义显示等信息。

我只是打工的,都是老板要我做的

一、更换页面LOGO

原生的zabbix4.0LOGO是这样的:

image.png

我们需要更换LOGO

LOGO文件在/usr/share/zabbix/img 目录下的icon-sprite.svg

svg严格来说应该是一种开放标准的矢量图形语言,具备目前网络流行的jpg和png等格式无法具备的优势:

可以任意放大图形显示,但绝不会以牺牲图像质量为代价;可在svg图像中保留可编辑和可搜寻的状态;平均来讲,svg文件比其它格式的图像文件要小很多,因而下载也很快。

将文件导出后,用浏览器打开,可以看到原生图标

image.png

扫描二维码关注公众号,回复: 4395211 查看本文章

红色的LOGO就是我们需要替换的。

这里推荐一个SVG在线编辑工具,https://c.runoob.com/more/svgeditor/,将SVG文件上传

image.png


更换为大小一致的LOGO,更换后保存替换原有icon-sprite.svg文件,然后重新刷新浏览器缓存,及时生效,更换完如下所示:

image.png


二、实现登陆页面右侧显示

原生的页面右侧显示和标题显示都是zabbix字样,如下所示:

image.png

需要下修改/etc/zabbix/web/zabbix.conf.php文件,默认17行为”zabbix server",

按照自定义修改,重启zabbix-server服务生效

image.png

完成后如下所示:

image.png


image.png


三、修改页面链接信息

原生的zabbix右上角是“support"和“share",”?“三个按钮,点击后分别会跳转官网网站的技术支持网站、zabbix模板分享和帮助文档网站。如下所显示:

image.png

现在我们需要修改

1、support 改名为jumpserver并跳转到堡垒机页面

2、删除“share"

3、删除”?“

以上所有的链接信息都是在/usr/share/zabbix/app/views/layout.htmlpage.menu.php文件中,修改之前记得备份文件

修改43行信息,修改前如下所示:

image.png

修改后:

image.png

修改51行,修改前

image.png

直接删除50行到57行


然后修改59行,修改前:

image.png

直接删除58到62行


最后完成修改后,重新清理浏览器缓存,刷新界面

image.png

可以看到”share"和”?“都没有了,”jumpersever"是我们自己的跳转的页面


image.png


四、思考

其实zabbix前端有很多东西可以定制修改,但是我不是前端开发,专业的事情还是要专业的人员去做把

1、页脚信息修改

2、浏览器图标修改




还是那句话,都是老板让我做,不关我的事情


猜你喜欢

转载自blog.51cto.com/11555417/2327073
今日推荐