Para deixarmos o nosso Help Center com o aspecto ideal, precisamos realizar algumas configurações.
Neste artigo
| Índice | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
Passo 1
Acesse Na barra superior do Confluence, clique na aba Aplicativos
Clique em Scroll Viewport
Na lista, selecione o Help Center que deseja editar o tema
Passo 2
Clique em no botão Edit theme
Clique em Templates
Todos os recursos visuais, imagens e ícones podem ser acessados no repositório da GC no Sharepoint.
Header
Logo |
...
Favicon - O ícone da NDD, presente no repositório
...
O logo do Help Center Utilize a imagemlogo_helpcenter_colorida.png | |
Favicon | O ícone da NDD Utilize a imagem Favicon.png |
Background color | O valor é #F0F0F0 |
Text |
...
color | O valor é #000000 |
Add new link - Adicione os seguintes links:
Links | Clique em Add new link e adicione, um a um:
|
...
|
...
...
...
Additional components |
...
Desmarque a opção Site name |
Footer
Logo |
...
O logo da NDD Utilize a imagem Logo NDD - secundária - positivo.png | |
Background color | O valor é #000000 |
Text |
...
color | O valor é #FFFFFF |
Links | Clique em Add new link |
...
e adicione, um a um:
|
Copyright |
...
Content Source
Layout Type - Selecione Article layout
Article
Additional components - Marque as opções Breadcrumbs e Table of contents
Search Results
Filter layout - Selecione Vertical
Cookie Notice
...
Digite NDD |
Portal
| Informações |
|---|
Esta opção só estará disponível quando pelo menos dois documentos forem adicionados ao Help Center. |
Title |
...
Insira o nome do produto (exemplo: NDD Print) | |
Subtitle |
...
Deixe este campo em branco | |
Banner text |
...
color | O valor é #FFFFFF |
Banner image |
...
A imagem de fundo do respectivo produto Abra o link 3. Portal e clique no nome do produto para encontrar o arquivo da imagem do seu banner | |
Search | Desmarque a opção Content source filter |
Tile size |
...
Marque a opção |
...
Small |
Tiles ordering |
...
Custom CSS e Custom JavaScript
Podemos alcançar alguns níveis de personalização maiores, utilizando CSS e JavaScript.
...
|
...
 |
Content Source
Layout type | Selecione Article layout |
Article
Additional components | Marque as opções Breadcrumbs, Table of contents e Article pagination |
Search Results
Filter layout | Selecione Vertical |
Cookie Notice
Display | Você pode marcar essa opção para que o usuário tenha a opção de aceitar ou não a utilização do recurso de cookies pelo Help Center |
...