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.