zabbix5.0.8修改web前端logo等相关配置及添加自定义菜单

简介: 记zabbix5.0.8修改web前端logo等相关配置及添加自定义菜单

1.更换Logo

find / -name icon-sprite.svg

cd /usr/share/zabbix/assets/img/

ll

图片.png

利用xshell或mobaxterm软件导出这个icon-sprite.svg并进行修改

利用在线编辑工具:https://c.runoob.com/more/svgeditor/.

图片.png

注:图片覆盖要刚刚好,最后保存、改名并替换原来的icon-sprite.svg

然后清理浏览器浏览痕迹后,刷新即可看到效果。

效果:

图片.png

2.更换网页标题

vi /etc/zabbix/web/zabbix.conf.php

图片.png

保存、刷新即可

效果:

图片.png

3.更换小图标

cd /usr/share/zabbix

ls -l favicon.ico

favicon.ico就是我们要替换的对象

利用http://www.bitbug.net/.在线制作icon图标

保存、改名替换掉原来的favicon.ico刷新即可

效果:

图片.png

zabbix修改httpd.conf配置,直接IP访问

# 修改httpd.conf配置
cd /etc/httpd/conf/
ls
vi /etc/httpd/conf/httpd.conf
查找DocumentRoot
修改如下图,将""去掉即可

图片.png

图片.png


#重启http服务,zabbix-server服务
systemctl restart httpd
systemctl restart zabbix-server

修改zabbix前端页面

vi /usr/share/zabbix/include/html.inc.php
systemctl restart zabbix-server
#修改zabbix前端页面 /usr/share/zabbix/include/menu.inc.php,
#效果

图片.png

图片.png


#将整个链接修改,效果如下

图片.png

#修改zabbix5.0web前端添加自定义菜单

图片.png

$menu->add(
                (new CMenuItem(_('百度')))
                        ->setIcon('baidu')
                        ->setUrl(new CUrl('https://www.baidu.com/?tn=99669880_hao_pg'))
                        ->setTitle(_('Help'))
                        ->setTarget('_blank')
        );

图片.png

图片.png

图片.png



#zabbix5.0web前端添加php测试页
#zabbix目录下添加test.php
vim /usr/share/zabbix/test.php
<?php
 phpinfo();
?>
#添加php菜单
vim /usr/share/zabbix/include/menu.inc.php
 (new CMenuItem(_('test')))
                                        ->setUrl(new CUrl('test.php')),
#重启服务
systemctl restart zabbix-server


图片.png

图片.png

图片.png

目录
相关文章
|
7月前
|
并行计算 前端开发 JavaScript
Web Worker:让前端飞起来的隐形引擎
在现代 Web 开发中,前端性能优化是一个至关重要的课题,尤其是对于计算密集型的应用,如图像处理、视频处理、大规模数据分析等任务。单线程的 JavaScript 引擎常常成为性能瓶颈,导致应用变得迟缓。Web Worker,作为一种强大的技术,使得前端能够在后台进行并行计算,从而实现高效的任务处理,不影响主线程的运行和用户的交互体验。
637 108
|
5月前
|
算法 Java Go
【GoGin】(1)上手Go Gin 基于Go语言开发的Web框架,本文介绍了各种路由的配置信息;包含各场景下请求参数的基本传入接收
gin 框架中采用的路优酷是基于httprouter做的是一个高性能的 HTTP 请求路由器,适用于 Go 语言。它的设计目标是提供高效的路由匹配和低内存占用,特别适合需要高性能和简单路由的应用场景。
499 4
|
7月前
|
JavaScript 前端开发 Java
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
696 72
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
|
8月前
|
存储 Linux Apache
在CentOS上配置SVN至Web目录的自动同步
通过上述配置,每次当SVN仓库中提交新的更改时,`post-commit`钩子将被触发,SVN仓库的内容会自动同步到指定的Web目录,从而实现代码的连续部署。
240 16
|
9月前
|
移动开发 前端开发 JavaScript
前端web创建命令
本项目使用 Vite 搭建 Vue + TypeScript 开发环境,并基于 HTML5 Boilerplate 提供基础模板,快速启动现代前端开发。
148 2
|
9月前
|
Web App开发 编解码 移动开发
零基础音视频入门:你所不知道的Web前端音视频知识
本文回顾了Web端音视频的发展历程,同时还介绍了视频的编码、帧率、比特率等概念,提到了Canvas作为视频播放的替代方案,以及FFmpeg在音视频处理中的重要作用等知识。
267 1
|
12月前
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
11824 23
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
377 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
缓存 前端开发 Android开发
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
636 12
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
|
监控 Linux PHP
【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
486 20

推荐镜像

更多