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

Use 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 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 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
  Nota:

  Gerentes de conteúdo e administradores têm a opção de aplicar cores de fundo aos elementos da tela selecionados, incluindo imagens. Os recursos disponíveis incluem o uso de cores sólidas e degradadas, bem como ajustes para opacidade da cor. Essas configurações podem ser acessadas no painel direito na guia Estilo de configurações ao adicionar conteúdo avançado a um elemento de tela.

Procedimento

1. Navegue até a tela selecionando Editor aberto botão do Design . Novo conteúdo formulário.
2. Em Blocos , use um método de arrastar e soltar para mover Imagem componente para sua tela.
3. Clique no pop-up do seletor de arquivos para selecionar uma imagem.
   Ou, se você selecionou imagens anteriormente, selecione a imagem entre as imagens disponíveis no lado direito do Selecione Imagem pop-up.
4. Navegue até Configurações guia.
5. Defina as seguintes configurações:
   Nota:

   Ao adicionar imagens, vídeos ou texto, existem vários recursos de estilo funcionais e convenientes que ajudam a criar conteúdo avançado e artigos de notícias. Algumas das opções do painel direito incluem a capacidade de habilitar diferentes planos de fundo, opacidades e sombras, células e botões aprimorados que permitem configurações de borda adicionais, cores e tipos, bem como estilos de texto adicionais, cores e fontes e melhorias na configuração de propriedades do painel direito, que fornecem mais opções disponíveis ao criar conteúdo avançado.

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

   Campo 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: Parte 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 uma imagem e componentes de texto em uma coluna e quiser que a imagem apareça à esquerda e o texto apareça à direita, altere 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: pixel percentual: percentual
   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	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.
   Cor de fundo	O elemento de cor de fundo para tela mostra as opções de fundo para gradiente, cor e imagem. Ative e selecione as opções de plano de fundo. Nota: A opacidade da cor mostra as opções de gradiente e camada de cor. Como a camada de imagem de fundo é a primeira, a opacidade não é relevante. O gradiente é FFFFFF e. OOOOOO por padrão.
   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 .
   Selecionando Salvar salva seu conteúdo e você permanece no Editor de conteúdo avançado tela. Selecionando Salvar e Concluir salva seu registro e retorna para Novo conteúdo formulário.

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:

  Traduza o conteúdo somente 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 diferentes idiomas, 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 guia.
  Nota:

  A Visualização de conteúdo foi projetada para fornecer uma ideia geral da aparência do seu conteúdo. Depois de publicado, o conteúdo pode ter uma aparência diferente devido a variações na resolução do dispositivo, na diferença do tema ou na configuração do 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: Crie um plano de publicação para seu conteúdo.