---
sourceDocument: Yokohama Employee Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/employee-service-management

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Employee Service Management

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# Adicione guias com o Editor de conteúdo avançado

# Adicione guias com o Editor de conteúdo avançado {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 4 min. de leitura

Adicione guias ao seu conteúdo avançado para ajudar os usuários a navegar com eficiência, permitindo que eles selecionem as várias guias para revelar o conteúdo associado dentro delas.

## Antes de Iniciar

Função necessária: sn_cd.content_manager

Preencha os campos do formulário Novo conteúdo. Veja [Crie conteúdo avançado](https://servicenow-prod.fluidtopics.net/ffs50BrToVgNm5QEac0icg "Use o Editor de conteúdo avançado para criar conteúdo de formato longo com uma ferramenta de estilo web fácil de usar.")  
Crie o layout da página usando módulos ou colunas.

* Os módulos são layouts de conteúdo predefinidos compostos por cabeçalho, texto de parágrafo e imagens. Veja [Adicione layouts de conteúdo predefinidos com o Editor de conteúdo avançado](https://servicenow-prod.fluidtopics.net/XaLRwok~oLyO2MSSuGALIg "Use módulos para adicionar facilmente novos layouts de conteúdo com cabeçalhos, texto de parágrafo e imagens. Escolha entre layouts compostos por três cartões verticais, três cartões horizontais ou uma configuração lado a lado com uma imagem posicionada à direita de um bloco de texto.")
* As colunas são contêineres que permitem definir um layout personalizado. Veja [Adicione colunas com o Editor de conteúdo avançado](https://servicenow-prod.fluidtopics.net/uD3etZHAViNVinc22IfWNA "Use o. Editor de conteúdo avançado tela para criar colunas para ajudar a definir e organizar o layout da sua página.")
{#ec-rich-content-tabs__ul_jzv_qft_wxb}

## Por Que e Quando Desempenhar Esta Tarefa

Você pode adicionar outros componentes em uma guia, como uma seção Imagem, Vídeo, Texto, Texto, link, Bloco de link ou botão. Quando você solta o. Guias em sua tela, uma área abaixo das guias aparece que permite que você solte outros componentes nela.  
Nota:  
Quando o. Guias a funcionalidade não está habilitada, tente reinstalar o. Publicação de conteúdoaplicação.

## Procedimento

1. Navegue até a tela selecionando Abra o editor do Design da Novo conteúdo formulário.
2. Em Editor de conteúdo avançado você pode usar um método de arrastar e soltar para adicionar guias.  
3. Para adicionar mais guias, selecione todo o componente de guia e clique em Adicionar item , localizado em ConfiguraçõesPropriedades.  
4. Selecione uma guia que você adicionou à tela.
5. Para mudar a cor das guias, primeiro clique na paleta de cores.
6. Em Configurações , selecione Estilo .
7. Insira o código de cor que representa a cor que você deseja que apareça.  
   Todas as cores HTML são compatíveis. Para obter mais informações, consulte [Nomes de cores HTML](https://htmlcolorcodes.com/color-picker/).
8. Ou, você pode selecionar o seletor de cores (quadrado cinza) à direita do Cor de fundo campo.  
   ![Editor de conteúdo avançado - Seletor de cores]()
9. Clique na paleta de cores exibida.  
10. Depois de selecionar uma cor na paleta de cores, use a barra deslizante no lado direito para ajustar sua cor.  
    Deslize a barra para cima e para baixo.

11. Use a barra deslizante inferior para clarear ou escurecer sua cor.  
    Nota:  
    Ao visualizar suas mudanças e você selecionar a guia, as cores ou o contorno da guia podem mostrar as cores padrão do tema do portal.
12. Você pode editar ou mudar o texto que aparece na guia realçando Título da guia e substituindo.
13. Você pode editar o tamanho de cada guia e a fonte do Título da guia selecionando uma guia e, em seguida, selecionando Estilo avançado .
14. Você pode soltar outros componentes na área abaixo das guias adicionadas à tela.  
    {#ec-rich-content-tabs__table_vdh_dqy_5vb__entry__2}

    | Campo | Descrição |
    |-|-|
    | Largura | Edite a largura de cada guia selecionando-a e usando Largura menu suspenso. Suas escolhas são: * automático: O tamanho é baseado no conteúdo na guia. Se você inserir texto adicional na guia, a largura aumentará automaticamente. * px: Use pixels como medida. * %: Use uma porcentagem como sua medida. {#ec-rich-content-tabs__ul_sfv_ydz_5vb} |
    | Altura | Edite a altura de cada guia selecionando-a e usando Altura menu suspenso. Suas escolhas são: * automático: O tamanho é baseado no conteúdo na guia. Se você inserir texto adicional na guia, a largura aumentará automaticamente. * px: Use pixels como medida. * %: Use uma porcentagem como sua medida. {#ec-rich-content-tabs__ul_pc3_c2z_5vb} |
    | Nome da fonte | Selecione o menu suspenso para escolher uma fonte específica. |
    | Tamanho da fonte | Insira um número para mudar o tamanho da fonte ou use as setas para cima e para baixo para diminuir ou aumentar a fonte. |
    | Peso da fonte | Determina como o texto no botão aparece em negrito ou claro. Selecione a seta suspensa para escolher um peso diferente. |
    | Altura da linha | Determina a distância entre as linhas de texto. Use as setas para cima e para baixo para diminuir ou aumentar a altura da linha. |
    | Cor da fonte | Define a cor da fonte. Selecione o seletor de cores (quadrado cinza) à direita de Cor da fonte campo. Clique na paleta de cores e escolha a cor desejada. Use as barras deslizantes à direita e na parte inferior para ajustar sua cor. Nota: Ao visualizar suas mudanças e você selecionar a guia, a cor do texto pode mostrar as cores padrão do tema do portal. |
    [Tabela 1. Estilo avançado]

    {#ec-rich-content-tabs__table_vdh_dqy_5vb}
15. Edite o. Título campo em Propriedades .  
    O texto que você insere aparece como texto de passagem do mouse para a guia e o leitor de tela anuncia isso.
16. Selecione Salvar ou Salve e conclua .  
    Selecionando Salvar salva seu conteúdo e você permanece no Editor de conteúdo avançado tela. Selecionando Salve e conclua salva seu registro e retorna para Novo conteúdo formulário.

## O que Fazer Depois

* (Opcional) Traduza seu conteúdo.Solicite a tradução do idioma para o seu conteúdo. Para obter mais informações, consulte [Suporte multilíngue na Biblioteca de conteúdo](https://servicenow-prod.fluidtopics.net/W_gQ~dPXNXEurii9LC462Q "A Biblioteca de conteúdo inclui dois recursos para criação de conteúdo multilíngue: Traduzir conteúdo (fluxo de trabalho de tradução de conteúdo) e Alternar idioma (muda o idioma da interface).").{#ec-rich-content-tabs__p_vtc_nfg_h1c}

  Nota:  
  Apenas traduza o conteúdo depois de terminar de modificar o conteúdo. Para obter melhores resultados, não recomendamos adicionar ou remover componentes ou alterar a formatação após a tradução.

  Para criar conteúdo avançado formatado de forma diferente em idiomas diferentes, duplique o conteúdo e modifique a formatação conforme necessário. Em seguida, use Públicos para direcionar o conteúdo para os usuários por idioma. Veja [Públicos](https://servicenow-prod.fluidtopics.net/hB9RlmxHCy2kAeRoWfJddw "Segmente o conteúdo do portal e as atividades de evento de ciclo de vida para públicos especificados com registros de público.")
* Visualize seu conteúdo do Publicar .  
  Nota:  
  A Visualização de conteúdo foi projetada para fornecer uma ideia geral da aparência do seu conteúdo. O conteúdo pode parecer diferente depois de publicado devido a variações na resolução do dispositivo, diferença de tema ou configuração de estilo do app para celular.
* Configure um plano de publicação para controlar onde o conteúdo será entregue, o público e o período de tempo em que ele estará disponível: [Crie um plano de publicação para o seu conteúdo](https://servicenow-prod.fluidtopics.net/zC7MinePYIEkTxAkvExrlQ "Depois de criar conteúdo na Biblioteca de conteúdo, adicione um ou mais planos de publicação para controlar onde o conteúdo será entregue, o público e o período de tempo em que ficará disponível.").
{#ec-rich-content-tabs__ul_ogf_pv5_nyb}