Adicionar uma imagem com o Editor de conteúdo avançado

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

    • Use a tela do Editor de conteúdo avançado para adicionar imagens ao seu conteúdo.

    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

    O Editor de conteúdo avançado é compatível com os seguintes tipos de imagens:
    • .jpg
    • .png
    • .bmp
    • .gif
    • .jpeg
    • .ico
    • .svg

    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 o componente Imagem para a tela.
    3. Clique no pop-up do seletor de arquivos para selecionar uma imagem.
      Ou, se você tiver selecionado imagens anteriormente, selecione a imagem nas imagens disponíveis no lado direito do pop-up Selecionar imagem.Editor de conteúdo avançado - Pop-up de imagem
    4. Navegue até a guia Configurações.
    5. Defina as seguintes configurações:
      Tabela 1. Opções de configurações
      Campo de configurações Descrição
      Estilização
      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 horizontal Configure onde a imagem aparece no contêiner. Escolha entre os ícones Direita, Centralizado e Esquerdo.
      Estilo avançado

      Quando você insere uma imagem em um contêiner, por padrão, a imagem tem a largura total do contêiner e a altura é ajustada automaticamente com base nas dimensões da imagem.
      Largura e Altura Especifique o valor inserindo um número ou arrastando os lados da imagem.
      Selecione a unidade de medida:
      • px: pixel
      • %: percentual
      Preenchimento Preenchimento é o espaço entre o conteúdo e a borda de um elemento. Especifique o valor do preenchimento superior, inferior, direito ou esquerdo inserindo um número.
      Margem Margem é o espaço entre uma linha e outro elemento/o limite da tela. Especifique o valor do preenchimento superior, inferior, direito ou esquerdo inserindo um número.
      Propriedades
      Texto alternativo Descreva a aparência ou a função da sua imagem para fins de acessibilidade.
    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.