- Abra o Website Builder a partir do painel de controlo do one.com.
- Arraste o componente (Imagem) Image a partir do menu, para a esquerda e para o seu espaço de trabalho.
- Selecione a imagem que quer adicionar, ou carregue uma do seu computador ou de um URL externo.
- Ajuste o tamanho e o posicionamento do componente imagem de acordo com a sua preferência.
- Clique em (Editar imagem) Edit image para ajustar as propriedades da imagem.
- Clique em (Guardar) Save e (Publicar) Publish para tornar a imagem visível no seu site.
Propriedades do componente imagem
Pode definir a forma como deseja que a sua imagem seja exibida no seu website a partir do menu que aparece em cima ou por baixo da imagem e no menu flutuante que pode deslocar no seu espaço de trabalho.
1 - Menu (Em cima/em baixo) (Top/bottom)
- Link - Pode transformar uma imagem num link. Clique no ícone (corrente) chain icon e defina qual a localização para a qual deseja fazer o link.
- (Rodar) Rotate - Roda uma imagem para a esquerda ou para a direita.
- (Escala da Imagem) Scale image - Pode utilizar este cursor para fazer diminuir ou ampliar uma imagem, sem alterar o tamanho do componente.
- (Substituir imagem) Replace image - Clique neste ícone para selecionar outra imagem.
2 - (Menu flutuante) Floating menu
-
(Dimensionamento) Scaling - Escolha como deseja que a sua imagem se apresente quando altera o tamanho do componente.
- (Recortar) Crop mantém a escala da imagem, independentemente do tamanho do componente.
- (Ajustar) Fit ajusta o tamanho do seu componente para que se adapte à imagem.
- (Esticar) Stretch altera a escala da imagem com o componente. - (Limites) Border - Clique para adicionar um limite à sua imagem. Pode definir a cor, opacidade e a largura. Também pode adicionar cantos arredondados à imagem.
- (Mostrar ao clicar) On click - Seleciona o que acontece quando um utilizador clica na imagem; pode escolher nada, mostrar a imagem maior ou abrir um link.
- SEO - Aqui pode inserir um título alternativo (alt) para a sua imagem. Será visível quando a imagem não pode ser exibida, o que é vantajoso para efeitos de SEO.
- (Visualização móvel) Mobile view - Aqui pode esconder uma imagem para modo de visualização móvel, ou, se a imagem faz parte do seu template, mova-a para o fim da página.
Artigos relacionados:
