Como adiciono uma imagem ao meu site do Website Builder?

Este guia explica como adicionar uma imagem ao seu site do Website Builder da one.com e personalizar as suas Configurações, incluindo aparência, conversão de links e texto alt.

  1. Faça login no painel de controlo da one.com e clique em Website Builder.
  2. Arraste o componente imagem do menu à esquerda para a sua área de trabalho.
  3. Selecione a imagem que você deseja adicionar ou faça o upload de uma do seu computador ou de um URL externo.
  4. Ajuste o tamanho e o posicionamento do componente de imagem como preferir.
  5. Selecione a imagem e clique em Editar imagem para ajustar as propriedades da imagem.
  6. Clique em Salvar e Publicar para tornar a imagem visível em seu site.
Screenshot showing the Website Builder editor. A red arrow points to the Image tab in the menu on the left. A red dot with the number '1' shows the properties panel of an image that's been added to the workspace, and a red dot with the number '2' marks the open floating menu.

Propriedades do componente de imagem

Você pode ajustar a forma como sua imagem é exibida em seu site usando o menu acima ou abaixo da imagem e o menu flutuante que você pode mover no seu espaço de trabalho.

1 - Menu superior/inferior

  • Link - Você pode transformar uma imagem em um link. Clique no ícone de corrente e defina o local para o qual você quer criar o link.
  • Rodar - Rodar uma imagem para a esquerda ou para a direita.
  • Dimensionar imagem - Você pode usar este seletor para aumentar ou diminuir o zoom de uma imagem sem alterar o tamanho do componente.
  • Substituir imagem - Clique neste botão para selecionar outra imagem.

2 - Menu flutuante

  • Dimensionamento - Escolha como você deseja que sua imagem se comporte ao alterar o tamanho do componente.
    - Cortar mantém a escala da sua imagem, independentemente do tamanho do componente.
    - Ajustar ajusta o tamanho do seu componente para que ele se ajuste à imagem.
    - Alongar altera a escala da imagem junto com o componente.
  • Borda - Clique aqui para adicionar uma borda à sua imagem. Você pode definir a cor, a opacidade e a largura. Você também pode adicionar cantos arredondados à imagem.
  • Ao clicar - Selecione o que deve acontecer quando o usuário clica na imagem: não faça nada, mostre uma imagem maior ou abra um link.
  • SEO - Aqui, você pode inserir um título alternativo (alt) para sua imagem. Isso é exibido quando a imagem não pode ser mostrada e serve como texto alternativo. Adicionar texto alternativo é fundamental para SEO. Fornecer informações descritivas sobre imagens ajuda os mecanismos de busca a entender o conteúdo e o contexto das imagens, melhorando a visibilidade do seu site nos resultados de pesquisa. Os textos alternativos também aumentam a acessibilidade para usuários que não conseguem ver imagens.
  • Vista móvel - Aqui, você pode ocultar uma imagem na vista móvel ou movê-la para o final da página se a imagem fizer parte do seu modelo.
  • Animação - Adicione um efeito de animação para fazer com que a imagem se destaque ainda mais no seu site. Pode escolher entre 'fade in', 'slide in' ou 'bounce'.

Artigos Relacionados:

Este artigo foi útil?

Não tá conseguindo achar o que procura?

Iniciar uma conversa

É o jeito mais rápido de entrar em contato, todos os dias do ano.