¿Desea agregar un zoom de aumento similar a Amazon para imágenes en WordPress?
Agregar una función de zoom permitirá 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.
¿Por qué agregar un zoom de aumento para las imágenes?
Agregar una función de zoom de aumento en su sitio web de WordPress permitirá a los visitantes ver claramente los detalles intrincados de las imágenes.
Si tiene un sitio web de fotografía, agregar una función de aumento permitirá a los usuarios acercar sus fotografías para ver los detalles más finos.
Del mismo modo, si tiene una tienda en línea, sus clientes podrán ampliar las imágenes de los productos.
Muchos grandes sitios web de comercio electrónico ya utilizan el zoom de aumento para las imágenes de productos. Permite a los clientes examinar el producto y crea una mejor experiencia de compra en su tienda.
Dicho esto, veamos cómo puede agregar fácilmente un zoom de aumento para imágenes en WordPress.
Cómo agregar un zoom de aumento para imágenes en WordPress
En primer lugar, debe 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 dirigirse a la Zoom de imagen de WP » Ajustes de zoom página de la barra lateral de administración de WordPress.
A continuación, debe configurar los ajustes del efecto de zoom cambiando a la pestaña ‘Configuración de zoom’ y elija la forma de lente que desea usar.
Puede elegir entre formas de lente de ventana de círculo, cuadrado y zoom. Incluso puede elegir la opción ‘Sin lente’ (⨯) si no desea utilizar una forma para el efecto de aumento.
Después de elegir su lente preferida, debe desplazarse hacia abajo al siguiente paso donde puede obtener 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.
A continuación, debe cambiar a la pestaña ‘General’.
Desde aquí, puede seleccionar un tipo de cursor, establecer un efecto de animación, habilitar el zoom al pasar el mouse o al hacer clic con el mouse, y definir un nivel de zoom.
Si desea aún más opciones, algunas de las funciones solo están disponibles para la versión pro del Zoom de imagen WP enchufar.
Después de hacer sus elecciones en consecuencia, simplemente vaya a la pestaña ‘Lente’ desde la parte superior.
Ahora puede configurar ajustes como el tamaño de la lente, el color de la lente, las opciones de borde de la lente y más si seleccionó la lente ‘circular’ o ‘cuadrada’ en el Paso 1.
Si seleccionó Zoom Window Lens, debe cambiar a la pestaña de configuración ‘Zoom Window’.
Desde aquí, puede cambiar el ancho y el alto de la ventana de zoom, el posicionamiento, la distancia desde la imagen principal, los colores del borde y más.
A continuación, simplemente debe hacer clic en ‘Guardar cambios’ para almacenar su configuración.
Después de eso, todo lo que tiene que hacer es configurar algunos ajustes generales.
Configurar ajustes generales del complemento
A continuación, debe cambiar a la pestaña Configuración general en la configuración del complemento.
Desde aquí, ahora 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 de productos y más.
Todo lo que necesita hacer es simplemente marcar las casillas junto a estas opciones.
También puede eliminar el efecto de caja de luz, para que los usuarios puedan hacer zoom en las imágenes sin problemas.
Sin embargo, necesitaría la versión Pro del complemento para esta función.
Si no va a eliminar la caja de luz para las imágenes, debe desplazarse hacia abajo hasta la opción ‘Habilitar dentro de una caja de luz’ y marcar la casilla junto a ella.
Nota: Puede ver las cajas de luz compatibles para asegurarse de que el zoom funcione bien dentro de una caja de luz en su sitio.
Una vez que haya terminado de ajustar la configuración, no olvide hacer clic en el botón ‘Guardar cambios’ para almacenar su configuración.
El zoom de aumento ahora estará habilitado para los productos de WooCommerce.
Puede visitar su tienda en línea para ver nuestra función de zoom.
Sin embargo, si desea habilitar el zoom para imágenes en publicaciones y páginas de WordPress, debe seguir el paso a continuación.
Paso 3. Habilite el zoom de aumento para imágenes en el Editor de bloques
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.
Primero, debe abrir una publicación que desee editar en el editor de bloques.
A continuación, debe cargar una imagen en esa publicación desde la biblioteca de medios o su computadora.
Una vez que haga eso, simplemente haga clic en la imagen para abrir su panel de Configuración de bloque en la esquina derecha de la pantalla.
Desde aquí, simplemente vaya a la pestaña ‘Estilos’ y haga clic en el botón ‘Con zoom’ para aplicar el zoom de aumento a su imagen.
Después de eso, simplemente haga clic en el botón ‘Actualizar’ o ‘Publicar’ en la parte superior para almacenar su configuración.
La función de zoom se verá así en su sitio:
Nota: Deberá repetir este paso cada vez que desee agregar el efecto de zoom a una imagen individual.
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 nuestra guía sobre cómo optimizar las imágenes para los motores de búsqueda y nuestras mejores opciones para los mejores complementos de compresión de imágenes.
Fuente: Cómo agregar zoom de aumento para imágenes en WordPress