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

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 campos de 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 Adicionar layouts de conteúdo predefinidos com o Editor de conteúdo avançado
• Colunas são contêineres que permitem definir um layout personalizado. Veja Adicionar colunas com o Editor de conteúdo avançado

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 formulário Novo 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ê já selecionou imagens, selecione a imagem disponível no lado direito do pop-up Selecionar imagem.
4. Navegue até a guia Configurações.
5. Defina as seguintes 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 uma imagem e componentes de 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, Centro e Esquerda.
   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 as laterais 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 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.