How to Add Magnifying Zoom for Images in WordPress

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

¿Quieres agregar un Amazon como zoom de aumento para imágenes en WordPress? Acercar las imágenes permite a los usuarios ver detalles que no verían en una imagen de tamaño completo. En este artículo, le mostraremos cómo agregar fácilmente un zoom de aumento para imágenes en WordPress.
Cómo agregar zoom de aumento para imágenes en WordPress

Agregar un zoom de aumento para imágenes de WordPress

Lo primero que debe hacer es instalar y activar el plugin WP Image Zoom. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin 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 de sus imágenes.
Zoom de imagen WP
En el Configuración general pestaña, 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 la caja de luz, para que sus usuarios puedan acercar las imágenes sin problemas.
Configuración general
Si no quita la caja de luz para las imágenes, puede desplazarse hacia abajo para ver otras configuraciones, como habilitar el zoom dentro de una caja de luz.
Notar: Puede ver las cajas de luz compatibles para asegurarse de que el zoom funcione correctamente en una caja de luz.
Activar zoom de Lightbox
Una vez que haya terminado de ajustar la configuración en esta página, asegúrese de hacer clic en el Guardar cambios botón. Entonces tienes que visitar el Configuración de zoom lengua. Tiene 4 sencillos pasos para agregar zoom de aumento a sus imágenes. Primero, debe seleccionar la forma de la lente para acercar las imágenes. Puede elegir entre forma de lente de ventana circular, cuadrada 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 plugin tiene una imagen de vista previa que puede usar para probar sus cambios.
Vista previa de la imagen con zoom
Puede volver y obtener una vista previa en vivo de esta imagen después de realizar los cambios de configuración a continuación. En el siguiente paso, puede seleccionar el tipo de cursor, establecer el efecto de aceleración de la animación, habilitar el desplazamiento del mouse o el zoom con el clic del mouse y establecer un nivel de zoom. Algunas de estas funciones solo están disponibles para la versión pro del plugin.
Configuración general
Ahora puedes ir al 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, etc. Estos ajustes solo son efectivos si seleccionó la lente circular o cuadrada en el paso 1.
Configuración de la lente
Entonces puedes visitar el Ventana de zoom pestaña de configuración. Esta pestaña solo está habilitada si ha seleccionado el Lente de ventana con zoom en el paso 1. Desde allí, puede cambiar el ancho y el alto de la ventana de zoom, la posición, la distancia desde la imagen principal, los bordes y más.
Configurar la ventana de zoom
Finalmente, 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 olvide hacer clic en el Guardar cambios para almacenar su configuración. Siempre puedes mirar la imagen de vista previa para ver cómo funcionará la lupa en las imágenes de tu blog con esta configuración.
Guardar cambios
La configuración anterior habilitará el zoom de aumento en las imágenes de sus productos WooCommerce. Para habilitar el zoom de sus imágenes en publicaciones y páginas de WordPress, debe seguir los pasos a continuación.

Habilitar el zoom de aumento para imágenes en publicaciones y páginas

De forma predeterminada, el zoom de aumento no está habilitado para imágenes en sus publicaciones y páginas. Tienes que hacer esto manualmente después de agregar una imagen a tu contenido. Una vez que haya agregado la imagen a su publicación o página, simplemente haga clic para seleccionarla, luego haga clic en el ícono de expandir en la barra de herramientas. Este icono aplicará la configuración de zoom a su imagen.
Agregar zoom a las imágenes de la publicación / página
Después de eso, dirígete 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.
Acercar imágenes de publicaciones / páginas
Le recomendamos que utilice imágenes de alta calidad para que la función de zoom sea perfecta. 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 la solución de problemas de imágenes comunes en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply