Cómo Agregar Zoom de Ampliación para Imágenes en WordPress

¿Quieres añadir un zoom de aumento para imágenes en WordPress como el de Amazon? 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 añadir fácilmente zoom de aumento para imágenes en WordPress.

Adición de zoom de aumento para imágenes de WordPress

Lo primero que tiene que hacer es instalar y activar el plugin WP Image Zoom. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

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

En la pestaña General Settings , puede habilitar funciones como el 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, para que sus usuarios puedan ampliar las imágenes sin problemas.

Si no está eliminando el lightbox para las imágenes, puede desplazarse hacia abajo para obtener más información, por ejemplo, para activar el zoom dentro de un lightbox.

Nota: Puede ver los lightboxes compatibles para asegurarse de que el zoom funciona correctamente dentro de un lightbox.

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

A continuación, debe visitar la pestaña Configuración del zoom . Tiene 4 sencillos pasos para añadir zoom de aumento para sus imágenes.

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

Después de elegir el objetivo, vaya al siguiente paso y previsualice una imagen con el objetivo seleccionado para ver cómo funciona. El plugin tiene una imagen de vista previa que puede usar para probar sus cambios.

Puede volver a ver esta imagen en vivo después de hacer cualquier cambio en la configuración de abajo.

En el siguiente paso, puede seleccionar el tipo de cursor, establecer el efecto de relajación de la animación, activar el zoom al pasar el ratón por encima o al hacer clic con el ratón, y definir un nivel de zoom. Algunas de estas características sólo están disponibles para la versión pro del plugin.

Ahora puede ir a la pestaña de configuración Lens para realizar ajustes como el tamaño de la lente, el color de la lente, las opciones del borde de la lente y mucho más. Estos ajustes sólo son efectivos si seleccionó el lente circular o cuadrado en el paso 1.

A continuación, puede visitar la ficha de configuración Ventana de zoom . Esta pestaña sólo está habilitada si seleccionó Zoom Window Lens en el paso 1.

Desde aquí, puede cambiar la anchura y la altura de la ventana zoom, la posición, la distancia de la imagen principal, los bordes, y mucho más.

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

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

Las configuraciones anteriores permitirán ampliar el zoom de las imágenes de tu producto WooCommerce. Para habilitar el zoom para tus imágenes en los posts y páginas de WordPress, debes seguir los siguientes pasos.

Activación del zoom de ampliación para imágenes en mensajes y páginas

De forma predeterminada, el zoom de ampliación no está habilitado para las imágenes de sus mensajes y páginas. Necesitas hacerlo manualmente después de añadir una imagen a tu contenido.

Una vez que agregues la imagen a tu mensaje o página, simplemente haz clic para seleccionarla y luego haz clic en el icono de ampliación de la barra de herramientas. Este icono aplicará la configuración del zoom a su imagen.

Después de eso, dirígete al puesto para ver la función de zoom de ampliación activada para la imagen seleccionada. Necesita repetir este paso cada vez que quiera añadir el efecto zoom a una imagen.

Recomendamos usar imágenes de alta calidad para que la función de zoom se vea bien. 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, necesitas optimizar tus imágenes para la web antes de subirlas a WordPress.

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

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir