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

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 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 a elas.

    Antes de Iniciar

    Função necessária: sn_cd.content_manager

    Preencha os novos campos de formulário de conteúdo. Veja Criar conteúdo avançado

    Crie o layout de página usando módulos ou colunas.

    Por Que e Quando Desempenhar Esta Tarefa

    Você pode adicionar outros componentes em uma guia, como Imagem, Vídeo, Texto, Seção de texto, Link, Bloco de links ou Botão. Quando você solta o componente Guias na tela, é exibida uma área abaixo das guias que permite soltar outros componentes nela.
    Nota:
    Quando a funcionalidade Guias não estiver habilitada, tente reinstalar a aplicação Publicação de conteúdo.

    Procedimento

    1. Navegue até a tela selecionando o botão Abrir editor na guia Design do novo formulário de conteúdo.
    2. Na tela do Editor de conteúdo avançado, você pode usar um método de arrastar e soltar para adicionar guias.
      Editor de conteúdo avançado - Guias
    3. Para adicionar mais guias, selecione o componente da guia inteira e clique em Adicionar item, localizado em Configurações > Propriedades.
      Adicione mais guias clicando no botão Adicionar item
    4. Selecione uma guia que você adicionou à tela.
    5. Para mudar a cor das guias, primeiro clique na paleta de cores.
    6. Na guia 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 campo Cor de fundo.

      Editor de conteúdo avançado - Seletor de cores

    9. Clique na paleta de cores que aparece.
      Editor de conteúdo avançado - Paleta de cores
    10. Depois de selecionar uma cor na paleta de cores, use a barra deslizante no lado direito para ajustar a cor.
      Deslize a barra para cima e para baixo.

      Editor de conteúdo avançado - Barra deslizante da paleta de cores

    11. Use a barra deslizante inferior para clarear ou escurecer a cor.
      Editor de conteúdo avançado - Barra deslizante inferior
      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 o título da guia e substituindo-o.
    13. Você pode editar o tamanho de cada guia e a fonte do título da Guia selecionando uma guia e, em seguida, Estilo avançado.
    14. Você pode soltar outros componentes na área abaixo das Guias adicionadas à tela.

      Editor de conteúdo avançado - Estilo avançado

      Tabela 1. Estilo avançado
      Campo Descrição
      Largura Edite a largura de cada guia selecionando-a e usando o menu suspenso Largura. Suas opções são:
      • automático: o tamanho se baseia no conteúdo da guia. Se você inserir texto adicional na guia, a largura aumentará automaticamente.
      • px: use pixels como sua medição.
      • %: use uma porcentagem como sua medida.
      Altura Edite a altura de cada guia selecionando-a e usando o menu suspenso Altura. Suas opções são:
      • automático: o tamanho se baseia no conteúdo da guia. Se você inserir texto adicional na guia, a largura aumentará automaticamente.
      • px: use pixels como sua medição.
      • %: 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 o quão negrito ou claro o texto no botão aparece. Selecione a seta suspensa para escolher um peso diferente.
      Altura da linha Determina a distância entre 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 do campo Cor da fonte.

      Clique na paleta de cores e escolha a cor desejada.

      Use as barras deslizantes à direita e na parte inferior para ajustar a 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 campo Título em Propriedades.
      O texto inserido aparece como texto de foco na guia e o leitor de tela o anuncia.
    16. Selecione Salvar ou Salvar e concluir.
      Selecionar Salvar salvará seu conteúdo e você permanecerá na tela do Editor de conteúdo avançado. Selecionar Salvar e concluir salva seu registro e retorna para o formulário de conteúdo Novo.

    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:
      Somente traduza o conteúdo depois de terminar de modificar o conteúdo. Para obter melhores resultados, não recomendamos que você adicione ou remova componentes ou altere a formatação após a tradução.

      Para criar conteúdo avançado com formatação 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 usuários por idioma. Veja Públicos

    • Visualize seu conteúdo na guia 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 ter uma aparência diferente depois de publicado devido a variações na resolução do dispositivo, diferença de tema ou configuração de 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: Criar um plano de publicação para o seu conteúdo.