Instalar WordPress

Guía de Instalación

Optimizar WordPress

Optimización y Velocidad

Seguridad de WordPress

Guía de Protección

Agragar acercamiento y zoom de fotos e imágenes en WordPress

Agregar Acercamiento o Zoom de Fotos e Imágenes en WordPress

Alguna vez seguramente habrás encontrado en algún sitio web que podías hacer acercamiento de las imágenes de un producto para ver de cerca los detalles del mismo, especialmente en las tiendas virtuales. ¿Te estás preguntado cómo se hace? En este tutorial te explicaremos de forma detallada cómo agregar acercamiento o zoom de fotos e imágenes en WordPress.

Zoom de Imágenes

Caundo hablamos del acercamiento de imágenes, en la mayoría de los casos se trata de un producto de una tienda virtual de WooCommerce por ejemplo, donde añdes esa característica para que los clientes puedan ver los detalles del artículo, y por consiguiente mejorar la experiencia de usuario.

La función del zoom de imágenes puede resultar muy útil si gestionas una tienda online, para aumentar tus ventas, o simplemente para permitir a los visitantes de tu sitio web apreciar los detalles de una fotografía.

El gestor de contenido de WordPress procesa las imágenes de forma sólida, sin embargo no incluye ninguna característica nativa para hacer el acercamiento de las imágenes. Por eso, en este tutorial te explicamos cómo conseguirlo de forma efectiva y rápida.

Añadir Zoom de Fotos con Plugin

Lo primero que debes hacer es añadir el gratuito plugin WP Image Zoom. Si es la primera vez que utilizas uno, te recomendamos ver nuestro tutorial sobre cómo instalar un plugin paso a paso en WordPress.

Una vez instalado y activado este plugin, aparecerá una nueva sección con el nombre de WP Image Zoom, y que contiene todas las herramientas de personalización del acercamiento de las imágenes, y el comportamiento de la lupa del zoom.

Página de configuración de WP Image Zoom para hacer zoom de imágenes

En la página de configuración puedes elegir la forma del aceramiento de las fotos, el tipo de cursor que aparece al pasarlo sobre la imagen o foto, el tamaño y el color del lente del zoom, además del nivel de acercamiento que sea pertinente para tus imágenes, y otras configuraciones.

Cuando terminas de personalizar el estilo de la lupa y las opciones de acercamiento de tus imágenes, no se te olvide darle guardar para aplicar los cambios.

Acercamiento de Fotos en Entradas

El siguiente paso para agregar el zoom a las fotos e imágenes en tu sitio web, es crear una nueva entradas que contiene una imagen que insertas de forma normal a partir de la biblioteca de medios de WordPress.

Después, seleccionas la foto o imagen indicada, das clic sobre el ícono de lupa que aparece en la barra de herramientas del editor visual de WordPress.

Entrada de WordPress con zoom de foto

Cuando terminas de redactar el contenido de tu entrada, producto o página y das clic en el botón publicar, visitas el enlace para visualizar el resultado final del zoom de fotos, junto con el contenido de la publicación.

Si deseas después quitar el acercamiento de una determinada imagen, simplemente editas el artículo donde aparece, seleccionas la imagen indicada y quitas el efecto dando clic en el ícono de la lupa para dejarlo en modo desactivado.

Este plugin funciona con todos los tipos de entradas de WordPress, como también con las entradas personalizadas (custom post) como los productos de WooCommerce.

Esto es todo. Te invitamos a seguir nuestra página en facebook y twitter, para que sigas obteniendo los tutoriales más recientes y actualizados sobre cómo optimizar tu sitio web de WordPress.

Deja un comentario

Si continúas utilizando este sitio significa que aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar