zabbix4.0前端個性化設置

一、更換頁面LOGO

原生的zabbix4.0LOGO是這樣的：

我們需要更換LOGO

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

svg嚴格來說應該是一種開放標准的矢量圖形語言,具備目前網絡流行的jpg和png等格式無法具備的優勢：

可以任意放大圖形顯示，但絕不會以犧牲圖像質量為代價;可在svg圖像中保留可編輯和可搜尋的狀態;平均來講，svg文件比其它格式的圖像文件要小很多，因而下載也很快。

將文件導出后，用瀏覽器打開，可以看到原生圖標

紅色的LOGO就是我們需要替換的。

這里推薦一個SVG在線編輯工具，https://c.runoob.com/more/svgeditor/，將SVG文件上傳

 

更換為大小一致的LOGO，更換后保存替換原有icon-sprite.svg文件，然后重新刷新瀏覽器緩存，及時生效，更換完如下所示：

 

二、實現登陸頁面右側顯示

原生的頁面右側顯示和標題顯示都是zabbix字樣，如下所示：

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

按照自定義修改，重啟zabbix-server服務生效

完成后如下所示：

 

 

三、修改頁面鏈接信息

原生的zabbix右上角是“support"和“share"，”？“三個按鈕，點擊后分別會跳轉官網網站的技術支持網站、zabbix模板分享和幫助文檔網站。如下所顯示：

現在我們需要修改

1、support 改名為jumpserver並跳轉到堡壘機頁面

2、刪除“share"

3、刪除”？“

以上所有的鏈接信息都是在/usr/share/zabbix/app/views/layout.htmlpage.menu.php文件中，修改之前記得備份文件

修改43行信息，修改前如下所示：

修改后：

修改51行，修改前

直接刪除50行到57行

 

然后修改59行，修改前：

直接刪除58到62行

 

最后完成修改后，重新清理瀏覽器緩存，刷新界面

可以看到”share"和”？“都沒有了，”jumpersever"是我們自己的跳轉的頁面

 

 

頁腳修改

修改文件為：/usr/share/zabbix/include/classes/helpers/CBrandHelper.php

在大概110修改如下

//需要替換部分
            [
                $with_version ? 'Zabbix '.ZABBIX_VERSION.'. ' : null,
                '© '.ZABBIX_COPYRIGHT_FROM.'–'.ZABBIX_COPYRIGHT_TO.', ',
                (new CLink('Zabbix SIA', 'https://www.zabbix.com/'))
                    ->addClass(ZBX_STYLE_GREY)
                    ->addClass(ZBX_STYLE_LINK_ALT)
                    ->setAttribute('target', '_blank')
            ]

            [

// 替換為
                (new CLink('北京比特威爾科技有限公司', 'http://www.bitware.com.cn/'))
                    ->addClass(ZBX_STYLE_GREY)
                    ->addClass(ZBX_STYLE_LINK_ALT)
                    ->setAttribute('target', '_blank')
                    ->setAttribute('style','text-decoration:none;')
            ]