Como adicionar ampliação de zoom para imagens no WordPress

Deseja adicionar uma ampliação de zoom semelhante a Amazon para imagens no WordPress? O zoom de imagens permite que os usuários vejam detalhes que não veriam em uma imagem de tamanho normal. Neste artigo, mostraremos como adicionar facilmente um zoom de ampliação para imagens no WordPress.

Adicione zoom de ampliação para imagens do WordPress

A primeira coisa a fazer é instalar e ativar o plugin WP Image Zoom. Para mais detalhes, consulte o nosso guia passo a passo sobre como instalar um plugin do WordPress.

Ap√≥s a ativa√ß√£o, voc√™ deve visitar Zoom de imagem WP p√°gina no seu administrador do WordPress. A partir daqui, voc√™ pode gerenciar as configura√ß√Ķes de zoom para suas imagens.

Zoom de imagem WP

No Configuração geral Na guia, você pode ativar recursos como ampliar imagens de produtos, miniaturas, dispositivos móveis, páginas de anexo, páginas de categorias e muito mais. Também permite remover a caixa de luz, para que seus usuários possam ampliar facilmente as imagens.

Configuração geral

Se voc√™ n√£o estiver removendo a mesa de luz das imagens, poder√° rolar para baixo para obter mais configura√ß√Ķes, como ativar o zoom em uma mesa de luz.

Nota: Você pode visualizar caixas de luz compatíveis para garantir que o zoom funcione bem dentro de uma caixa de luz.

Ativar zoom da caixa de luz

Quando terminar de ajustar as configura√ß√Ķes desta p√°gina, n√£o se esque√ßa de clicar em Guardar mudan√ßas bot√£o.

Ent√£o voc√™ deve visitar o Configura√ß√Ķes de zoom l√≠ngua. Tem 4 etapas f√°ceis para adicionar zoom de amplia√ß√£o √†s suas imagens.

Primeiro, você deve selecionar o formato da lente para ampliar as imagens. Você pode escolher entre zoom, forma quadrada e circular da lente da janela.

Selecione o formato da lente de zoom

Depois de escolher sua lente, v√° para a pr√≥xima etapa e visualize uma imagem com a lente selecionada para ver como ela funciona. O plug-in tem uma imagem de visualiza√ß√£o que voc√™ pode usar para testar suas altera√ß√Ķes.

Ampliar visualização da imagem

Voc√™ pode voltar e visualizar esta imagem ao vivo depois de fazer as altera√ß√Ķes abaixo.

Na próxima etapa, você pode selecionar o tipo de cursor, definir o efeito de relaxamento da animação, ativar o zoom ao passar o mouse ou clicar no mouse e definir um nível de zoom. Alguns desses recursos estão disponíveis apenas para a versão pro do plug-in.

Configuração geral

Agora voc√™ pode ir para Lente Guia Configura√ß√Ķes para configura√ß√Ķes como tamanho e cor da lente, op√ß√Ķes de borda da lente e muito mais. Essas configura√ß√Ķes s√£o efetivas apenas se voc√™ tiver selecionado a lente circular ou quadrada na Etapa 1.

Configuração da lente

Ent√£o voc√™ pode visitar o Janela de zoom guia de configura√ß√Ķes. Essa guia √© ativada apenas se voc√™ selecionou o Lente da janela de zoom na etapa 1.

A partir daqui, voc√™ pode alterar a largura e a altura da janela de zoom, o posicionamento, a dist√Ęncia da imagem principal, as bordas e muito mais.

Configura√ß√Ķes da janela de zoom

Por fim, você pode adicionar texto personalizado à imagem e escolher o tamanho, cor e alinhamento do texto.

Configura√ß√Ķes de texto personalizadas

N√£o se esque√ßa de clicar no Guardar mudan√ßas para armazenar suas configura√ß√Ķes. Voc√™ sempre pode olhar para a imagem de visualiza√ß√£o para ver como a lupa funcionar√° nas imagens do seu blog com essa configura√ß√£o.

Guardar mudanças

As configura√ß√Ķes acima permitir√£o um zoom nas imagens dos seus produtos WooCommerce. Para ativar o zoom de suas imagens nas postagens e p√°ginas do WordPress, siga as etapas abaixo.

Ativando o zoom de zoom para imagens em postagens e p√°ginas

Por padr√£o, o zoom de amplia√ß√£o n√£o est√° ativado para imagens em suas postagens e p√°ginas. Voc√™ deve fazer isso manualmente depois de adicionar uma imagem ao seu conte√ļdo.

Depois de adicionar a imagem √† sua postagem ou p√°gina, clique para selecion√°-la e clique no √≠cone de amplia√ß√£o na barra de ferramentas. Este √≠cone aplicar√° as configura√ß√Ķes de zoom √† sua imagem.

Zoom para publicar / imagens de p√°gina

Depois disso, vá até a postagem para ver o recurso de zoom de ampliação ativado para a imagem selecionada. Você deve repetir esta etapa sempre que quiser adicionar o efeito de zoom a uma imagem.

Aplicar Zoom Post / Imagens da p√°gina

Recomendamos o uso de imagens de alta qualidade para tornar a função de zoom ótima. Imagens de alta qualidade geralmente são maiores em tamanho de arquivo e demoram mais para carregar, o que afetará a velocidade e o desempenho do seu site. Para resolver esse problema, você deve otimizar suas imagens para a Web antes de enviá-las para o WordPress.

Esperamos que este artigo tenha ajudado você a aprender como adicionar zoom de ampliação para imagens do WordPress. Você também pode querer ver nosso artigo sobre como corrigir problemas comuns de imagem no WordPress.

Se você gostou deste artigo, assine o nosso canal YouTube para assistir a vídeos tutoriais do WordPress. Você também pode encontrar-nos em Twitter e Facebook.