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

Antes de Iniciar

Função necessária: sn_cd.content_manager

Preencha os campos do formulário Novo conteúdo. Veja Criar 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, bloco de link, Bloco de link ou Botão. Ao soltar o. Guias componente em sua tela, uma área abaixo das guias aparece que permite que você solte outros componentes nela.

Nota:

. Guias a funcionalidade não está habilitada, tente reinstalar o. Publicação de conteúdo aplicação.

Procedimento

1. Navegue até a tela selecionando Editor aberto botão do Design . Novo conteúdo formulário.
2. Em Editor de conteúdo avançado tela, 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 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 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 medição.
    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 medição.
    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 tornar a fonte menor ou maior.
    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 tornar a altura da linha menor ou maior.
    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 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 inserido aparece como texto de foco para a guia e o leitor de tela o anuncia.
16. Selecione Salvar ou Salvar e Concluir .
    Selecionando Salvar salva seu conteúdo e você permanece no Editor de conteúdo avançado tela. Selecionando Salvar e Concluir salva seu registro e retorna para Novo conteúdo formulário.

O que Fazer Depois

• (Opcional) Traduza seu conteúdo.

  Solicite tradução de idioma para o seu conteúdo. Para obter mais informações, consulte Suporte multilíngue na Biblioteca de conteúdo.

  Nota:

  Traduza o conteúdo somente 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 diferentes idiomas, 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 guia.
  Nota:

  A Visualização de conteúdo foi projetada para fornecer uma ideia geral da aparência do seu conteúdo. Depois de publicado, o conteúdo pode ter uma aparência diferente devido a variações na resolução do dispositivo, na diferença do tema ou na configuração do estilo do aplicativo para celular.
• Configure um plano de publicação para controlar onde o conteúdo é entregue, o público e o período de tempo em que ele está disponível: Crie um plano de publicação para seu conteúdo.