¿Desea agregar un zoom de aumento similar al de Amazon a las imágenes de WordPress? 

Las imágenes ampliadas permiten a los usuarios ver detalles que no verán en una imagen de tamaño completo. En este tutorial, le mostraremos cómo agregar fácilmente un zoom de aumento a las imágenes en WordPress.

Pero antes, si nunca has instalado WordPress, descubre Cómo instalar un blog de WordPress en 7 pasos et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog 

Luego de vuelta a por qué estamos aquí.

Cómo agregar zoom de imagen en wordpress e1568454976899

Agregue zoom de aumento en las imágenes de WordPress

Lo primero que debe hacer es instalar y activar el complemento. WP Image Zoom. Para obtener más detalles, consulte nuestra guía paso a paso para forma de instalar un complemento de WordPress.

Después de la activación, debe visitar la página WP Image Zoom en tu tablero de instrumentos. Desde aquí puede administrar la configuración de zoom de sus imágenes.

tab Configuraciones WordPress.jpg

En la pestaña Ajustes generales, puede habilitar funciones como hacer zoom en imágenes de productos WooCommerce, miniaturas, dispositivos móviles, páginas de archivos adjuntos, páginas de categorías, etc.

También le permite eliminar el visor, para que sus usuarios puedan ampliar las imágenes sin problemas.

activación de previsualizaciones de WordPress lightboxes.png

Si no elimina el visor de imágenes, puede desplazarse hacia abajo para ver otras configuraciones, como habilitar el zoom en un visor.

Nota: Puede ver a los espectadores compatibles para asegurarse de que el zoom funciona correctamente en un visor.

configuración lightbox WordPress.png

Una vez que haya terminado de ajustar la configuración en esta página, no olvide hacer clic en el botón Guardar cambios.

Entonces necesitas visitar la pestaña Configuración de Zoon. Tiene pasos sencillos de 4 para agregar un zoom de aumento para sus imágenes.

Descubre también el Los complementos de 10 WordPress de WooCommerce para personalizar visualmente sus productos

En primer lugar, debe seleccionar la forma de la lente para ampliar las imágenes. Puede elegir entre formas de ventana de círculo, cuadrado y zoom.

WordPress settings.png

Después de elegir su lente, vaya al siguiente paso y obtenga una vista previa de una imagen con la lente seleccionada para ver cómo funciona. El complemento tiene una vista previa que puede usar para probar sus cambios.

Aprende también Cómo controlar el stock de tu tienda en línea WooCommerce

Vista previa de la imagen en WordPress.jpg

Puede volver y obtener una vista previa de esta imagen después de realizar cambios en la configuración a continuación.

Descubre también nuestro Complementos de 10 WordPress para optimizar el zoom en las imágenes de su sitio web

En el siguiente paso, puede seleccionar el tipo de control deslizante, establecer el efecto de aceleración de la animación, activar el zoom al pasar el mouse o hacer clic con el mouse y establecer un nivel de zoom. Algunas de estas funciones solo están disponibles para la versión pro del complemento.

ajustes de zoom de configuración WordPress.jpg

Ahora puedes ir a la pestaña Lente para parámetros como tamaño de lente, color de lente, opciones de borde de lente y más. Estos ajustes son efectivos solo si seleccionó la lente circular o cuadrada habilitada en el paso 1.

configuración de lentes en WordPress.jpg

Luego puede visitar la pestaña de configuración del Ventana de zoom . Esta pestaña está habilitada solo si ha seleccionado la opción " Lente«  Ventana de zoom activado en el paso 1.

Desde aquí puede cambiar el ancho y alto de la ventana de zoom, posicionamiento, distancia desde la imagen principal, bordes, etc.

configuración de zoom WordPress.jpg

Finalmente, puede agregar texto personalizado a la imagen y elegir el tamaño, el color y la alineación del texto.

agregar texto personalizado WordPress.png

No olvide hacer clic en el botón Guardar cambios para guardar su configuración. Siempre puede ver la vista previa para ver cómo funcionará la lupa en las imágenes de su blog con esta configuración.

guardar la configuración tutorial wordpress.png

La configuración anterior le permite acercar las imágenes de sus productos WooCommerce. 

consultar ¿Cómo convencer a un cliente y vender productos en Internet y mejorar tus ventas

Para activar el zoom de sus imágenes en publicaciones y páginas de WordPress, debe seguir los pasos a continuación.

Habilitación del zoom de aumento en imágenes de publicaciones y páginas.

De forma predeterminada, el zoom de aumento no está habilitado en las imágenes de sus publicaciones y páginas. Tienes que hacer esto manualmente después de agregar una imagen a tu contenido.

Haz tu blog popular descubriendo Cómo agregar botones para compartir en WordPress

Una vez que haya agregado la imagen a su publicación o página, simplemente haga clic en ella para seleccionarla, luego haga clic en el ícono maximizado en la barra de herramientas. Este icono aplica la configuración de zoom a su imagen.

añadir un zoom a las imágenes por pages.jpg

A continuación, diríjase a la publicación para ver la función de zoom ampliada habilitada para la imagen seleccionada. Debe repetir este paso cada vez que desee agregar el efecto de zoom a una imagen.

ampliar una imagen.jpg

Le recomendamos que utilice imágenes de alta calidad para que la función de zoom sea perfecta. Las imágenes de alta calidad generalmente tienen un tamaño de archivo mayor y tardan más en cargarse, lo que afectará la velocidad y el rendimiento de su sitio web. Para resolver este problema, necesita optimizar sus imágenes para la web antes de subirlas a WordPress.

Descubre también algunos complementos premium de WordPress  

Puedes usar otros plugins de WordPress para dar una apariencia moderna y optimizar el manejo de tu blog o sitio web.

Aquí le ofrecemos algunos complementos premium de WordPress que lo ayudarán a hacerlo.

1. Sabai Discutir el plugin para WordPress

Sabai Discutir es un Plugin de WordPress que le permite configurar un sistema de preguntas y respuestas en su blog o sitio web. 

Sabai discute el plugin para wordpress

Permite a los usuarios hacer y responder preguntas entre ellos; como hacer desbordamiento de pila o yahoo Respuestas.

Sabai Discuss es la herramienta perfecta no solo para diseñar un sitio web de preguntas y respuestas de la comunidad, sino también para crear un panel de discusión, una base de conocimientos o incluso un portal de soporte en WordPress.

Descargar | Demo | alojamiento web

2. legalizar

Legalizar es un Plugin de WordPress que le permite agregar fácilmente una política de privacidad y términos de servicio a su blog o sitio web.

Legalizar los complementos de wordpress integrar la política de privacidad

¡Y ahí lo tienes! Tienes su política de privacidad y condiciones de uso. Las páginas generadas por este Plugin de WordPress son totalmente configurables. También puedes integrar códigos cortos en su sitio web, para agregar fácilmente enlaces a las páginas recién generadas.

Además, cuando modifica su sitio web, puede actualizar sus respuestas en el cuestionario y volver a publicar sus nuevos términos. El complemento es completamente reutilizable y reconfigurable.

Descargar Demo | alojamiento web

3. CSV y XML de importación

Importación de CSV y XML es un complemento de WordPress que le permite crear y actualizar su sitio web de manera rápida y sencilla, lo que le permite importar datos de archivos en formatos CSV o XML.

csv-xml-importación-plugin-wordpress-para-otro

Este plugin importa / exporta archivos de gran tamaño sin la necesidad de cambiar el php.ini. Puede importar publicaciones, páginas, tipos de publicaciones personalizadas, campos personalizados cargados, comentarios, categorías, usuarios, imágenes, medios y otras opciones a WordPress.

Además, la importación de CSV y XML funciona a la perfección con cualquier tema o complemento de WordPress, y lo que es más, es plurilingüe.

Descargar Demo | alojamiento web

Recursos recomendados

Conozca otros recursos recomendados para ayudarlo a construir y administrar su sitio web.

Conclusión

Listo ! Eso es todo por este tutorial. Esperamos que le haya ayudado a aprender cómo agregar zoom de aumento a las imágenes en WordPress. No dude en comparte con tus amigos en tus redes sociales favoritas

Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.

Si tienes sugerencias o comentarios, déjalos en nuestra sección comentarios.

...