前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Zabbix6.0 LTS 自定义Web前端图标logo,隐藏Support导航栏

Zabbix6.0 LTS 自定义Web前端图标logo,隐藏Support导航栏

作者头像
Kevin song
发布2024-05-30 16:37:31
2410
发布2024-05-30 16:37:31
举报

Zabbix最新版本(5.0 、5.4、6.0、6.4)提供了 Rebranding(直译为品牌重塑) 的模块。用户可以自定义Zabbix logo、隐藏前端仪表盘导航栏 Zabbix 支持和 Zabbix 集成的链接、更改主页页脚的版权以及自定义链接到帮助页面,该模板为一个 php 文件。

Zabbix前端web文件根目录

代码语言:javascript
复制
[root@zabbix-server ~]# find / -name zabbix.conf
/etc/nginx/conf.d/zabbix.conf
[root@zabbix-server ~]# grep  "root" /etc/nginx/conf.d/zabbix.conf   
        root    /usr/share/zabbix-6.0.25;

在"/usr/share/zabbix-6.0.25"目录下创建local/conf/brand.conf.php文件

隐藏 Zabbix Support 和 Integrations 的导航栏

代码语言:javascript
复制
vim /usr/share/zabbix-6.0.25/local/conf/brand.conf.php
代码语言:javascript
复制
<?php
return [];

隐藏前:

隐藏后:

Zabbix网页标题更改

修改“$ZBX_SERVER_NAME“变量= '自动化运维监控平台';

代码语言:javascript
复制
vim /usr/share/zabbix-6.0.25/conf/zabbix.conf.php

自定义logo、仪表盘页脚、帮助链接

参数介绍

  • BRAND_LOGO:登录页 logo
  • BRAND_LOGO_SIDEBAR:首页侧栏 logo
  • BRAND_LOGO_SIDEBAR_COMPACT:首页侧栏隐藏 logo
  • BRAND_FOOTER:页脚
  • BRAND_HELP_URL:帮助链接

创建 logo 文件夹,将相关 logo 文件放入该文件夹

代码语言:javascript
复制
mkdir -p /usr/share/zabbix-6.0.25/logo

支持图像格式:JPG、PNG、SVG、BMP、WebP 和 GIF。自定义logo不会以任何方式缩放、调整大小或修改,并将以其原始大小和比例显示,但可能会被裁剪以适合相应的位置。

创建 brand.conf.php 文件

代码语言:javascript
复制
vim /usr/share/zabbix/local/conf/brand.conf.php
代码语言:javascript
复制
<?php
return [
        'BRAND_LOGO' => 'logo/ytzmdz01.png',
        'BRAND_LOGO_SIDEBAR' => 'logo/ytzmdz02.png',
        'BRAND_LOGO_SIDEBAR_COMPACT' => 'logo/ytzmdz03.png',
        'BRAND_FOOTER' => '© 2024 自动化运维监控平台',
        'BRAND_HELP_URL' => 'https://www.baidu.com/'
        ];

Zabbix仪表盘页脚版权

Zabbix logo 默认大小

通过浏览器的开发者服务(F12查看元素界面)查看现有 Zabbix 网页 logo 的规格。

登录页logo为114x30

侧栏logo为91x24

侧栏隐藏logo为24x24

favicon 替换

查找 favicon 具体位置

代码语言:javascript
复制
find / -name favicon.ico

备份并将新文件移动到指定目录

代码语言:javascript
复制
mv /usr/share/zabbix-6.0.25/favicon.ico /usr/share/zabbix-6.0.25/favicon.ico.bak
mv /opt/favicon.ico /usr/share/zabbix-6.0.25/favicon.ico

favicon 替换效果

Zabbix 仪表盘添加导航栏链接

(1)查找前端仪表盘CMenuHelper.php文件

代码语言:javascript
复制
[root@zabbix-server ~]# find  / -name  "CMenuHelper.php"
/usr/share/zabbix-6.0.25/include/classes/helpers/CMenuHelper.php

(2)编辑CMenuHelper.php文件,新增如下内容(修改前备份原有文件),CUrl跳转链接自定义修改。

代码语言:javascript
复制
$menu->add(
                        (new CMenuItem(_('OA')))
                                ->setIcon('icon-support')
                                ->setUrl(new CUrl('http://192.168.100.92:8080/'))
                                ->setTitle(_('OA'))
                                ->setTarget('_blank')
               );

Zabbix主页OA导航栏

Zabbix官方文档

https://www.zabbix.com/documentation/6.0/zh/manual/web_interface/rebranding

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-05-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 开源搬运工宋师傅 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档