Adicionar texto ou uma seção de texto com o Editor de conteúdo avançado

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 4 min. de leitura

    • Use a tela do Editor de conteúdo avançado para adicionar texto ou uma seção de texto ao seu conteúdo.

    Antes de Iniciar

    Função necessária: sn_cd.content_manager

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

    Por Que e Quando Desempenhar Esta Tarefa

    • Texto fornece as ferramentas para formatar e organizar texto.
    • A seção de texto fornece as ferramentas para formatar e organizar o texto e uma área para adicionar um título.
      Nota:
      Para a seção Texto, as configurações de título, texto e contêiner são definidas separadamente.

    Quando você copia e cola conteúdo formatado no Editor de conteúdo avançado, o conteúdo mantém sua formatação original e aparece em uma nova caixa de texto. Como alternativa, você pode usar a opção da barra de ferramentas do navegador Editar > Colar e corresponder estilo para colar o conteúdo como texto simples, correspondendo à formatação da caixa de texto de destino.

    Comportamento de colagem:
    • Clicar na caixa de texto e colar: o conteúdo aparece na posição do cursor.
    • Selecionar a caixa de texto inteira e colar: o conteúdo aparece em uma nova caixa de texto abaixo

    Procedimento

    1. Navegue até a tela selecionando o botão Abrir editor na guia Design do novo formulário de conteúdo.
    2. Na coluna Blocos, use um método de arrastar e soltar para mover um texto ou bloco de seção de texto para a tela.
    3. Insira texto ou texto e um título, dependendo do componente que você soltou na coluna.
    4. Navegue até a guia Configurações.
    5. Use qualquer uma das seguintes configurações de estilo:
      Tabela 1. Opções de configurações
      Campo de configurações Descrição
      Estilização
      Estilo de texto Permite que você mude rapidamente a aparência do texto selecionando uma opção pré-formatada. Você pode selecionar diferentes títulos ou estilos de parágrafo.

      O título 1-6 corresponde aos marcadores HTML h1 - h6.
      Cor do texto Use esta lista suspensa para mudar a cor do texto.
      Suas opções são:
      • Primária: a cor primária definida pelo tema do portal.
      • Silenciado: a cor definida pelo tema do portal.
      • Branco: muda a cor do texto para branco. Isso é útil ao usar uma cor de fundo diferente de branco.

      A cor do texto atribui classes CSS predefinidas para a cor do texto.
      Exibição Configure a aparência de vários componentes na mesma coluna, como uma imagem e um componente de texto. Selecione uma das seguintes opções:
      • Superior e inferior (padrão): a imagem aparece acima do outro componente.
      • Lado a lado: a imagem aparece com o outro componente ao lado.
      Nota:
      Para obter melhores resultados, defina a mesma exibição para os componentes. Por exemplo, se você tiver componentes de imagem e texto em uma coluna e quiser que a imagem apareça à esquerda e o texto à direita, altere as configurações de exibição de ambos os componentes para Lado a lado.
      Alinhamento do texto Determina o alinhamento horizontal do seu texto. Escolha entre:
      • Justificar à esquerda
      • Centralizar justificativa
      • Justificar à direita
      • Justificar (o texto está alinhado com ambas as margens)
      Estilo avançado
      Preenchimento Define o espaçamento entre o texto e a borda do contêiner de texto em pixels ou como uma porcentagem do contêiner de texto total.

      Especifique o preenchimento para os lados superior, direito, inferior e esquerdo.
      Nome da fonte Define a face da fonte usada para renderizar caracteres.

      Clique na seta suspensa para selecionar uma fonte diferente.
      Tamanho da fonte Define o tamanho da fonte.
      Peso da fonte Determina o quão negrito ou claro o texto aparece.

      Clique na seta suspensa para selecionar um peso diferente.
      Altura da linha Define a distância vertical entre duas linhas de texto.
      Cor da fonte Substitui a cor da fonte do tema do portal.

      Para selecionar uma cor, insira o código hexadecimal ou clique no seletor de cores (quadrado cinza à direita da cor da fonte) e selecione uma cor na paleta de cores.
      Propriedades
      ID Um ID exclusivo que identifica o elemento HTML.
      Título Texto que aparece quando um usuário passa o mouse sobre o componente.
    6. 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.