kibana7怎么修改标题和logo-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

kibana7怎么修改标题和logo

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的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


网站名称:kibana7怎么修改标题和logo
本文链接:http://kswsj.cn/article/jggjoi.html

其他资讯