kibana7怎么修改标题和logo,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
十多年建站经验, 网站设计、网站制作客户的见证与正确选择。成都创新互联提供完善的营销型网页建站明细报价表。后期开发更加便捷高效,我们致力于追求更美、更快、更规范。
kibana 修改标题,
在 :kibana70/kibana/src/legacy/ui/ui_render/views/chrome.pug
第9行 修改 title 你好
kibana 欢迎logo
kibana70/kibana/src/legacy/ui/ui_render/views/ui_app.pug
第76 行 (通过查找kibanaWelcomeLogo) 77 background-image: url("图片.svg");
左上角logo
src/legacy/ui/public/chrome/directives/header_global_nav/components/header.tsx
177行 iconType="logoKibana11111"
logo 文件夹:src/legacy/ui/public/icons ,需要编译
折中方案,不用svg打包,
修改下面两个文件
/node_modules/@elastic/eui/dist/eui_theme_light.css
/node_modules/@elastic/eui/dist/eui_theme_dark.css
找到:euiHeaderLogo__Icon 样式,修改 opacity 为0
找到:euiHeaderLogo 样式,添加background-image 、 background-repeat
删除 :euiHeaderLogo:focus
样式 background: #232635
地址栏Logo
kibana/src/legacy/ui/public/assets/favicons下
修改登录界面的标题
node_modules/x-pack/plugins/translations/translations/zh-CN.json
kbn.dashboard.dashboardAppBreadcrumbsTitle
kbn.discover.discoverBreadcrumbTitle
kbn.discoverTitle
修改登录界面的logo
kibana/built_assets/css/plugins/security/index.light.css
找到 .loginWelcome__logo
添加
background-image:url(images/kibana.png);
background-repeat:no;
图片放到:built_assets/css/plugins/security/images/
找到 loginWelcome__logo .euiIcon
添加
opacity:0;
去掉登录界面的背景图片
找到
loginWelcome::before、loginWelcome::after
删除background-image
看完上述内容,你们掌握kibana7怎么修改标题和logo的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!