Você deseja adicionar um zoom de ampliação semelhante ao da Amazon nas imagens do WordPress? 

As imagens ampliadas permitem que os usuários vejam detalhes que não veriam em uma imagem em tamanho real. Neste tutorial, mostraremos como adicionar facilmente um zoom de ampliação a imagens no WordPress.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress em 7 etapas et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Como adicionar zoom de imagem no wordpress e1568454976899

Adicione zoom de aumento nas imagens do WordPress

A primeira coisa a fazer é instalar e ativar o plugin Zoom de imagem WP. Para obter mais detalhes, consulte nosso guia passo a passo para maneira de instalar um plugin WordPress.

Após a ativação, você deve visitar a página Zoom de imagem WP no seu painel. A partir daqui, você pode gerenciar as configurações de zoom de suas imagens.

guia Configurações WordPress.jpg

Na aba Configurações gerais, você pode ativar recursos como zoom em imagens de produtos WooCommerce, miniaturas, dispositivos móveis, páginas de anexo, páginas de categoria, etc.

Também permite excluir o visualizador, para que seus usuários possam ampliar as imagens sem problemas.

ativação do WordPress visualiza lightboxes.png

Se você não remover o visualizador das imagens, poderá rolar para baixo para outras configurações, como habilitar o zoom em um visualizador.

Nota: Você pode ver os visualizadores compatíveis para garantir que o zoom esteja funcionando corretamente em um visualizador.

configuração de mesa de luz WordPress.png

Quando terminar de ajustar as configurações nesta página, não se esqueça de clicar no botão Salvar alterações.

Então você precisa visitar a guia Configurações de zoon. Possui etapas fáceis do 4 para adicionar um zoom de aumento às suas imagens.

Descubra também o 10 WordPress plugins de WooCommerce para personalizar visualmente seus produtos

Em primeiro lugar, você precisa selecionar o formato da lente para ampliar as imagens. Você pode escolher entre as formas de janela de círculo, quadrado e zoom.

WordPress settings.png

Depois de escolher sua lente, vá para a próxima etapa e visualize uma imagem com a lente selecionada para ver como funciona. O plug-in tem uma visualização que você pode usar para testar suas alterações.

Aprenda também Como controlar o estoque de sua loja online WooCommerce

pré-visualizar imagem no WordPress.jpg

Você pode voltar e visualizar esta imagem depois de fazer alterações na configuração abaixo.

Descubra também o nosso 10 WordPress plugins para otimizar o zoom nas imagens do seu site

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

configurações de zoom de configuração WordPress.jpg

Agora você pode ir para a guia Lente para parâmetros como tamanho da lente, cor da lente, opções de borda da lente e muito mais. Essas configurações são eficazes apenas se você selecionou o círculo ou lente quadrada ativada na etapa 1.

configuração de lentes no WordPress.jpg

Então você pode visitar a guia de configuração do Janela de zoom . Esta guia é habilitada apenas se você selecionou a opção " Lente«  Janela de zoom ativado na etapa 1.

A partir daqui, você pode alterar a largura e a altura da janela de zoom, posicionamento, distância da imagem principal, bordas, etc.

configuração de zoom WordPress.jpg

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

adicionar texto personalizado WordPress.png

Não se esqueça de clicar no botão Salvar alterações para salvar suas configurações. Você sempre pode assistir à visualização para ver como a lupa funcionará nas imagens do seu blog com essas configurações.

salve o tutorial de configurações wordpress.png

As configurações acima permitem que você amplie as imagens de seus produtos WooCommerce. 

consultar Como convencer um cliente e vender produtos na internet e melhore suas vendas

Para ativar o zoom de suas imagens em publicações e páginas do WordPress, siga as etapas abaixo.

Ativando o zoom ampliado em imagens de publicações e páginas

Por padrão, a ampliação do zoom não está habilitada nas imagens de seus posts e páginas. Você tem que fazer isso manualmente após adicionar uma imagem ao seu conteúdo.

Torne seu blog popular descobrindo Como adicionar botões de compartilhamento no WordPress

Depois de adicionar a imagem à sua postagem ou página, basta clicar nela para selecioná-la e clicar no ícone maximizado na barra de ferramentas. Este ícone aplica as configurações de zoom à sua imagem.

adicione um zoom nas imagens por pages.jpg

Em seguida, vá até a postagem para ver o recurso de zoom ampliado habilitado para a imagem selecionada. Você deve repetir esta etapa toda vez que quiser adicionar o efeito de zoom a uma imagem.

ampliar uma imagem.jpg

Recomendamos que você use imagens de alta qualidade para que a função de zoom seja perfeita. 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 este problema, você precisa otimizar suas imagens para a web antes de enviá-las para o WordPress.

Descubra também alguns plugins premium do WordPress  

Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Sabai Discutir plugin para WordPress

Sabai Discuss é um WordPress Plugin que permite que você configure um sistema de perguntas e respostas em seu blog ou site. 

Sabai discute plugin para wordpress

Permite que os usuários façam e respondam perguntas entre si; assim como Stack Overflow ou Yahoo Respostas.

O Sabai Discuss é a ferramenta perfeita não apenas para criar um site de perguntas e respostas da comunidade, mas também para criar um quadro de discussão, base de conhecimento ou até mesmo um portal de suporte WordPress.

Descarregar | Demo | hospedagem na web

2. legalizar

Legalizar é um WordPress Plugin que permite adicionar facilmente uma política de privacidade e termos de serviço ao seu blog ou site.

Legalize plugins wordpress integram política de privacidade

E lá vai você! Você tem sua política de privacidade e termos de uso. As páginas geradas por este WordPress Plugin são totalmente configuráveis. Você também pode integrar shortcodes em seu site, para adicionar links para páginas recém-geradas.

Além disso, ao modificar seu site, você pode atualizar suas respostas no questionário e republicar seus novos termos. O plugin é totalmente reutilizável e reconfigurável.

Descarregar Demo | hospedagem na web

3. CSV e XML Import

CSV e XML Import é um plugin para WordPress que permite criar e atualizar seu site de forma rápida e fácil, permitindo importar dados de arquivos nos formatos CSV ou XML.

csv-xml-import-plugin-wordpress-para-outros

Este plugin importa / exporta arquivos grandes sem a necessidade de alterar php.ini. Ele pode importar postagens, páginas, tipos de postagem personalizados, campos personalizados carregados, comentários, categorias, usuários, imagens, mídia e outras opções para o WordPress.

Além disso, CSV e XML Import funcionam perfeitamente com qualquer tema ou plugin WordPress e, o que é mais, é multilíngue.

Descarregar Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

É isso aí! É isso neste tutorial. Esperamos que tenha ajudado você a aprender como adicionar zoom de aumento a imagens no WordPress. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.

...