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

  • Visualize seu conteúdo no formulário de conteúdo Novo.
    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 solicitar uma tradução de idioma para o conteúdo que você está criando. Para obter mais informações, consulte Suporte a idiomas 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 Traduzir conteúdo 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: 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

  • 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.