Dicas de Web Design – Usando Um Efeito de Imagens Divididas
Atualizado: 15 de jan. de 2019
Hoje queremos mostrar-lhe um pequeno truque que a maioria dos usuários Wix não conhece – dividir uma foto em várias imagens e usá-la como um menu. Veja aqui como fica o resultado desse efeito.
Este efeito nada mais é do que uma alternativa moderna ao menu de navegação. É uma ótima maneira de dar um “upgrade” numa galeria de fotos ou página de serviços, ou mesmo na sua página inicial. O que vamos mostrar é como pegar uma imagem, dividi-la em quatro partes iguais e, em seguida, ligá-las à diferentes páginas do seu site. Claro que você pode fazer o mesmo com mais de quatro imagens – apenas certifique-se de configurar a galeria corretamente.
Para dividir a imagem de maneira uniforme, usamos uma ferramenta online chamada Image Splitter (Divisor de Imagem). Tudo o que você precisa fazer é carregar a foto que você quer dividir, digitar o número de partes que você deseja receber e o Image Splitter vai baixá-los para o seu computador como um arquivo zip.
Passo-a-Passo
Visite o Image Splitter e divida a sua foto em várias partes.
No Editor Wix HTML5, abra o template que você quer usar
Crie as páginas que você quer conectar às imagens divididas. Nesta etapa, uma página temporária irá servir – por hora, só precisamos dos links
Prepare a página onde você quer inserir a imagem dividida. Garanta que exista espaço suficiente nela.
Clique em Adicionar > Galeria > Grid
Nas configurações da galeria, selecione 2 colunas e 2 linhas
Na opção “Quando clicar em uma imagem”, selecione o modo “Ir para o link especificado”
Clique em “Organizar Imagens”
Arrume a ordem das imagens até conseguir o efeito desejado
Agora clique em cada uma das imagens para editar a sua configuração – adicione Títulos e Descrições
Clique no campo “Link para”, selecione a opção “Página” e escolha a página correta
Após configurar todas as imagens individuais, você pode editar o design da galeria em si – clique na galeria e selecione a opção “Trocar Estilo”
Pronto! Você acabou de adicionar um efeito super moderno ao seu site Wix!
