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

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

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
• As colunas são contêineres que permitem definir um layout personalizado. Veja Adicione colunas com o Editor de conteúdo avançado

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ções > Propriedades.
   
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 .
8. Ou, você pode selecionar o seletor de cores (quadrado cinza) à direita do Cor de fundo campo.

   

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.

    

    Tabela 1. Estilo avançado

    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.
    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.
    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.

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.

  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

• 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.