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 Zoom de imagen WP enchufar. 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 de 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, para que sus usuarios puedan 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 zoom de caja de luz

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

A continuación, debe visitar el Ajustes de zoom pestaña. 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 la forma de lente de ventana de círculo, cuadrado y zoom.

Seleccione la forma de la 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 Ampliar imagen

Puede regresar y obtener una vista previa en vivo de 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, configurar el efecto de suavizado de la animación, habilitar el zoom al pasar el mouse por encima o al hacer clic con el mouse, y definir un nivel de zoom. Algunas de estas funciones solo están disponibles para la versión pro del complemento.

Configuración general

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

Configuración de la lente

A continuación, puede visitar la Ampliar ventana pestaña de configuración. Esta pestaña está habilitada solo si seleccionó la Lente de la ventana de zoom en el Paso 1.

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

Configuración de la 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 habilitará el zoom de aumento en las imágenes de sus productos de 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 las 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 ícono de lupa en la barra de herramientas. Este icono aplicará la configuración de zoom en su imagen.

Añadir 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 usar imágenes de alta calidad para que la función de zoom se vea genial. Las imágenes de alta calidad normalmente tienen un tamaño de archivo más grande 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 subirlas a WordPress.

Esperamos que este artículo le haya ayudado a aprender cómo agregar zoom de aumento para imágenes en WordPress. También puede consultar nuestro artículo sobre cómo solucionar problemas comunes de imagen en WordPress.

.

Deja un comentario