Adicione uma imagem com o editor de conteúdo avançado

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

Antes de Iniciar

Função necessária: sn_cd.content_manager

Preencha os campos do formulário Novo conteúdo. Veja Crie 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 Adicione layouts de conteúdo predefinidos com o Editor de conteúdo avançado
• As colunas são contêineres que permitem definir um layout personalizado. Veja Adicione 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 Abra o editor do Design da Novo conteúdo formulário.
2. Em Blocos , use um método de arrastar e soltar para mover o. Imagem para sua tela.
3. Clique no pop-up do seletor de arquivos para selecionar uma imagem.
   Ou, se você tiver selecionado imagens anteriormente, selecione a imagem entre as imagens disponíveis no lado direito do Selecione Imagem pop-up.
4. Navegue até Configurações .
5. Defina as seguintes configurações:

   Tabela 1. Opções de configurações

   Campo de configurações	Descrição
   Estilização
   Tela	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 dela. 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 apareça à direita, altere o. Exibição configurações 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 é 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 %: porcentagem
   Preenchimento	Preenchimento é o espaço entre o conteúdo e a borda de um elemento. Especifique o valor para preenchimento superior, inferior, direito ou esquerdo inserindo um número.
   Margem	A margem é o espaço entre uma linha e outro elemento/o limite da tela. Especifique o valor para 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 Salve e conclua .
   Selecionando Salvar salva seu conteúdo e você permanece no Editor de conteúdo avançado tela. Selecionando Salve e conclua salva seu registro e retorna para Novo conteúdo formulário.

O que Fazer Depois

• (Opcional) Traduza seu conteúdo.

  Solicite a tradução do idioma para o seu conteúdo. Para obter mais informações, consulte Suporte multilíngue na Biblioteca de conteúdo.

  Nota:

  Apenas traduza o conteúdo depois de terminar de modificar o conteúdo. Para obter melhores resultados, não recomendamos adicionar ou remover componentes ou alterar a formatação após a tradução.

  Para criar conteúdo avançado formatado de forma 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 os usuários por idioma. Veja Públicos

• Visualize seu conteúdo do 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 parecer diferente depois de publicado devido a variações na resolução do dispositivo, diferença de tema ou configuração de estilo do app para celular.
• Configure um plano de publicação para controlar onde o conteúdo será entregue, o público e o período de tempo em que ele estará disponível: Crie um plano de publicação para o seu conteúdo.