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

  • Versão de lançamento: Washingtondc
  • Atualizado 1 de fev. de 2024
  • 5 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 de formulário Novo conteúdo. Veja Criar conteúdo avançado

    Crie o layout da 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 link 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 de 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 formulário Novo 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. Depois de adicionar as guias à tela, selecione a guia Configurações.
    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 exibir.
      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 plano de fundo.

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

    9. Clique na paleta de cores exibida.
      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 Estilo avançado.
    14. Você pode soltar outros componentes na área abaixo das guias adicionadas à tela.

      Editor de conteúdo avançado - Estilização avançada

      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:
      • auto: o tamanho é baseado 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:
      • auto: o tamanho é baseado 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 aparecerá no botão. 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 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 para a guia e o leitor de tela o anuncia.
    16. Selecione Salvar ou Salvar e concluir.
      Selecionar Salvar salva seu conteúdo e você permanece na tela do Editor de conteúdo avançado. Selecionar Salvar e Concluir salva seu registro e retorna para o formulário Novo conteúdo.

    O que Fazer Depois

    • Visualize seu conteúdo no formulário Novo conteúdo.
      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.
    • (Opcional) Traduza seu conteúdo.

      Selecione um idioma diferente para exibir sua sessão ou solicite uma tradução de idioma para o conteúdo que você está criando. Para obter mais informações, consulte Suporte de idioma para Experiências de conteúdo e Publicação de conteúdo.

      Use o menu suspenso Configurações de idioma para selecionar um idioma diferente para exibir sua sessão ou solicitar uma tradução de idioma para o conteúdo que você está criando.
      • Alternar idioma: permite alternar o idioma das configurações do sistema para um idioma diferente. Isso é semelhante à mudança de idioma no login. Para obter mais informações, consulte Alternar idioma para Publicação de conteúdo.
      • Traduzir conteúdo: quando você ativa a propriedade do sistema sn_cd.enable_localization_framework_integration, o conteúdo criado da Biblioteca de conteúdo exibe a seleção de conteúdo Traduzir no menu suspenso Configurações de idioma. Isso permite que você solicite a tradução do conteúdo para o idioma selecionado. Para obter mais informações, consulte integração com Framework de localização.
        Nota:
        Traduza o conteúdo somente 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 Audiences para direcionar o conteúdo para usuários por idioma. Veja Públicos

    • 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 seu conteúdo.