header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

CMS: conectar uma imagem a um conjunto de dados

Neste artigo
  • Conectar uma imagem a um conjunto de dados
  • Perguntas frequentes
Conecte elementos de imagem a um conjunto de dados para exibir imagens da sua coleção do CMS no seu site. Os conjuntos de dados permitem que você decida quais campos da coleção se conectam a diferentes partes da sua imagem, como a imagem, alt text ou link. Isso é especialmente útil em páginas dinâmicas de lista com repetidores, em que cada item do repetidor pode exibir conteúdo de um item de coleção diferente, facilitando o gerenciamento e atualização dos recursos visuais em todo o seu site.

Conectar uma imagem a um conjunto de dados

Selecione o elemento de imagem no seu editor e conecte-o ao conjunto de dados que se conecta às imagens da coleção que você deseja exibir. Em seguida, conecte a fonte da imagem, o alt text e o link para os campos ou ações da coleção relevantes. Você pode adicionar novos campos de coleção conforme necessário e decidir o que acontece quando os visitantes clicam na imagem, incluindo a configuração de como os links são abertos e seus atributos rel.

  1. Vá para a página relevante no seu editor.
  2. Clique na imagem que você deseja conectar ao CMS. Saiba como adicionar uma imagem
  3. Clique no ícone Conectar ao CMS .  
  4. Clique no dropdown Escolha um novo conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, selecione Adicionar conjunto de dados e escolha a coleção que deseja conectar, dê um nome ao conjunto de dados e clique em Criar.
  5. Clique nos dropdowns em Conexões para conectar cada parte da imagem aos campos da coleção relevantes. Selecione + Adicionar para criar e conectar um novo campo da coleção
    • Fonte da imagem se conecta a: selecione o tipo de campo "Imagem" que você deseja conectar.
    • Alt text se conecta a: selecione o campo que será usado como o alt text para as imagens. Você pode escolher entre os seguintes tipos de campo: "Texto", "Número", "Data", "Data e horário", "Endereço" e "Tags". Saiba mais sobre as práticas recomendadas para alt text do CMS
    • Link se conecta a: escolha o que acontece quando os visitantes clicam na imagem. Você pode selecionar uma ação de clique no conjunto de dados (por exemplo: "Enviar", "Ver mais"), uma página dinâmica à qual você deseja vincular ou um campo para abrir (por exemplo: um documento, URL, imagem ou vídeo). 
      Observação: ao vincular a uma página ou URL, escolha como o link abre e defina os atributos rel do link
Captura de tela das opções de conexão do conjunto de dados para uma imagem.
  1. Clique em Visualizar para testar suas conexões. 
  2. Clique em Publicar se as alterações estiverem prontas para ser publicadas. 

Perguntas frequentes

Clique abaixo para ler as respostas às perguntas comuns sobre como conectar imagens às coleções do CMS.