O Custom CSS permite realizar a alteração da estilização do Help CenterPara integrar os componentes ao Help Center, utilizamos a opção de adicionar Custom CSS e/ou Custom Javascript.
Nota |
---|
Antes de realizar qualquer publicação, contate os Administradores Paulo Henrique Paixão ou Catarine Maltauro da Silva |
Passo 1
...
continuar, tenha certeza que as configurações do Google Analytics e do Google Tag Manager tenham sido finalizadas pelo Administrador. |
Neste artigo
Índice | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
|
Passo 1: Acessar o Help Center
Na barra superior do Confluence, clique na aba Aplicativos
Clique em Scroll Viewport
Na lista, selecione o Help Center que inserir o script CSS
deseja adicionar os scripts
Passo 2: Adicionar os Scripts
Clique em no botão Edit theme
Clique em TemplatesClique em
Em Custom CSSCopie , copie e cole o código CSS abaixo e cole no campo disponível no Help Center
Clique em Save
Clique no X
Clique em Update site
Clique em Go liveabaixo:
Bloco de código | ||
---|---|---|
| ||
@import url("https://cdn.jsdelivr.net/gh/confluencendd/component-custom-style@current/custom-style.min.css");
@import url("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-article@current/feedback-article.min.css");
@import url("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-release@current/feedback-release.min.css"); |
Em Custom JavaScript, copie e cole o código abaixo:
Bloco de código | ||||
---|---|---|---|---|
| /* Script que realiza a estilização dos elementos no Help Center */
@import url
| |||
vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-article@current/feedback-article.min.js") .then(() => { }); const pageUrlAddReleaseFeedback = document.URL.split("/"); if(pageUrlAddReleaseFeedback[4] === "release-notes"){ vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-release@current/feedback-release.min.js") .then(() => { }); }; vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-translate-elements@current/translate-elements-title.min.js") .then(() => { }); vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-translate-elements@current/translate-elements-category.min.js") .then(() => { }); vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/Customcomponent-CSS@masterswagger@current/estilizacao_elementosswagger.min.css");js") .then(() => { }); |
Clique no botão Save
Aguarde os ajustes serem finalizados e clique no botão ✖
Clique em Update site
Aguarde a atualização
Clique em Go live
...
Encontrou algum problema? Procure os administradores Paulo Henrique Paixão ou Catarine Maltauro da Silva.
...