Cómo agregar zoom de aumento para imágenes en WordPress

¿Desea agregar un zoom de aumento similar a Amazon para imágenes en WordPress? Las imágenes con zoom permiten a los usuarios ver detalles que no verían en una imagen de tamaño normal. En este artículo, le mostraremos cómo agregar fácilmente zoom de aumento para imágenes en WordPress.

Cómo agregar zoom de aumento para imágenes en WordPress

Agregar zoom de aumento para 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 sobre cómo instalar un complemento de WordPress.

Tras la activación, debe visitar Zoom de imagen WP página en su administrador de WordPress. Desde aquí, puede administrar la configuración de zoom para sus imágenes.

Zoom de imagen WP

En el Configuración general pestaña, puede habilitar funciones como zoom en imágenes de productos WooCommerce, miniaturas, dispositivos móviles, páginas de archivos adjuntos, páginas de categorías y más. También le permite eliminar la caja de luz, por lo que sus usuarios pueden hacer zoom en las imágenes sin problemas.

Configuración general

Si no está eliminando la caja de luz para las imágenes, puede desplazarse hacia abajo para obtener más configuraciones, como habilitar el zoom dentro de una caja de luz.

Nota: Puede ver las cajas de luz compatibles para asegurarse de que el zoom funcione bien dentro de una caja de luz.

Habilitar Lightbox Zoom

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

A continuación, debe visitar el Configuración de zoom lengüeta. Tiene 4 sencillos pasos para agregar zoom de aumento para sus imágenes.

Primero, debe seleccionar la forma de la lente para hacer zoom en las imágenes. Puede elegir entre forma de lente de ventana circular, cuadrada y con zoom.

Seleccionar forma de lente de zoom

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 imagen de vista previa que puede usar para probar sus cambios.

Vista previa de imagen de zoom

Puede volver y ver en vivo esta imagen después de realizar cualquier cambio en la configuración a continuación.

En el siguiente paso, puede seleccionar el tipo de cursor, establecer el efecto de relajación de la animación, habilitar el zoom al pasar el mouse o hacer clic con el mouse, y definir un nivel de zoom. Algunas de estas características solo están disponibles para la versión pro del complemento.

Configuración general

Ahora puedes ir al Lente pestaña de configuración para configuraciones como tamaño de lente, color de lente, opciones de borde de lente y más. Estas configuraciones son efectivas solo si seleccionó la lente circular o cuadrada en el Paso 1.

Configuración de la lente

A continuación, puedes visitar el Ventana de zoom pestaña de configuración. Esta pestaña está habilitada solo si seleccionó el Zoom ventana lente en el paso 1.

Desde aquí, puede cambiar el ancho y la altura de la ventana de zoom, el posicionamiento, la distancia desde la imagen principal, los bordes y más.

Configuración de ventana de zoom

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

Configuración de texto personalizado

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

Guardar cambios

La configuración anterior permitirá un zoom de aumento en las imágenes de sus productos WooCommerce. Para habilitar el zoom para sus imágenes en publicaciones y páginas de WordPress, debe seguir los pasos a continuación.

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

De manera predeterminada, el zoom de aumento no está habilitado para imágenes en sus publicaciones y páginas. Debe hacerlo manualmente después de agregar una imagen a su contenido.

Una vez que agregue la imagen a su publicación o página, simplemente haga clic para seleccionarla y luego haga clic en el icono de aumento en la barra de herramientas. Este icono aplicará la configuración de zoom en su imagen.

Agregar zoom a las imágenes de publicaciones / páginas

Después de eso, dirígete a la publicación para ver la función de zoom de aumento habilitada para la imagen seleccionada. Debe repetir este paso cada vez que desee agregar el efecto de zoom a una imagen.

Aplicar Zoom Post / Imágenes de página

Recomendamos utilizar imágenes de alta calidad para que la función de zoom se vea genial. Las imágenes de alta calidad son normalmente más grandes en tamaño de archivo y tardan más en cargarse, lo que afectará la velocidad y el rendimiento de su sitio web. Para resolver este problema, debe optimizar sus imágenes para la web antes de cargarlas en WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo agregar zoom de aumento para imágenes en WordPress. Es posible que también desee ver nuestro artículo sobre cómo solucionar problemas comunes de imagen en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.