Zabbix5.0前端個性化設置,教你定製屬於你的Logo

感謝宏時數據技術工程師王軍供稿!歡迎投稿分享你的使用經驗。

本文介紹在Zabbix5.0中如何通過修改Zabbix前端文件icon-sprite.svg來實現自定義Logo,參與感更強。

所需軟件

軟件名稱 軟件版本 說明
Zabbix Server 5.0.5 已完成Zabbix Server 5.0.5環境部署
Inkscape 1.1 用於修改svg文件的工具

Inkscape[1]

需求

需要將Zabbix登錄頁面及Dashboard左上角Zabbix Logo,替換成自定義的Logo。

操作步驟

1. 使用Inkscape修改Zabbix 前端文件icon-sprite.svg,該文件在Zabbix前端安裝文件目錄/assets/img/icon-sprite.svg中。

編輯icon-sprite.svg

將要替換的目標Logo導入inkscape工具,並調整對應的參數,如下圖:

Zabbix前端LOGO對應的位置及大小參數

注:參數和位置要和源Logo一致,否則不顯示;:1處的z可以刪除直接替換下一層的紅色背景。

修改後效果圖,如下:

修改後的效果圖

2. 將源文件assets/img/icon-sprite.svg備份,並將修改好的文件進行替換,刷新Zabbix頁面即可。

最終效果

<<< 左右滑動見更多 >>>

參考資料

[1]

Inkscape: 是一款開源免費的,用於創建編輯svg文件的工具。


 Zabbix5.0認證培訓



7月12-16日 ZCS 上海場


培訓內容及價格歡迎查看官網https://www.zabbix.com/cn/training_specialist


備註“使用Zabbix年限+企業+姓名”

進入交流羣,4000+用戶已加入

一個人走得快,一羣人走得遠

【客戶案例】華爲、中移在線、光大銀行分享等

【官方博文】5.4新功能及路線圖、技巧難點等

【專家專欄】周松、張思德、wanger等

本文分享自微信公衆號 - Zabbix開源社區(china_zabbix)。
如有侵權,請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”,歡迎正在閱讀的你也加入,一起分享。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章