Cómo Hacer Una Página

Hacer una Web Profesional con Wordpress

  • Mi Cuenta
  • Contacto
  • Curso GRATUITO de WordPress
  • Suscribirse (10€/mes)
Estás aquí: Inicio / Trucos / Como añadir un Gif con movimiento en la imagen destacada en WordPress y WooCommerce

Como añadir un Gif con movimiento en la imagen destacada en WordPress y WooCommerce

marzo 8, 2021 Por Óscar Deja un comentario

Hola, chicos,

WordPress tiene la capacidad de reproducir las imágenes en Gif, pero si intentas añadir una imagen destacada en un producto es muy probable que no se mueva en los listados y en la página de producto.

¿Por qué?

Porque WordPress por defecto recorta la imagen y al recortarla le quita el movimiento.

Lo que tenemos que hacer es desactivar el recorte en aquel lugar que queramos que el gif se mueva.

¿Quieres aprender WordPress?En la Zona premium tienes todo lo necesario para aprender desde 0 WordPress

Tutorial en Vídeo

Suscríbete a mi canal:

Tabla de Contenidos

  • Añadir Imagen Gif con movimiento en productos de WooCommerce
  • Añadir Imagen Gif con movimiento en imágenes de WooCommerce

Añadir Imagen Gif con movimiento en productos de WooCommerce

Imagina que quiero hacer que las imágenes de los productos se muevan en la página de tienda o cualquier listado.

Lo que tengo que hacer es ir a Personalizar » WooCommerce » Imágenes de producto y dejar en blanco el campo de la anchura de la miniatura

Como añadir un Gif con movimiento en la imagen destacada en WordPress y WooCommerce 1

En la captura anterior tenemos dos campos:

Anchura de la imagen principal Que representa la imagen dentro de la página del producto. Por lo que si queremos añadir un Gif que se mueva tendremos que dejar vacío ese campo.

Anchura de la miniatura Que representa la miniatura(thumbnail) de la imagen en las páginas de listados. Los listados son las páginas de tienda, categoría, etc.

Si queremos que el Gif se mueva en estas páginas tenemos que dejar vacío este campo.

Es posible que tu plantilla no disponga de este campo, si fuera el caso es porque tu plantilla no está optimizada para WooCommerce y tendrías que hacerlo por código.

Aquí explican como se podría hacer aunque si no tienes conocimientos de programación no te recomiendo este método.

Añadir Imagen Gif con movimiento en imágenes de WooCommerce

Del mismo modo que hemos hecho anteriormente tenemos que hacerlo pero con las imágenes globales de WordPress.

Para modificar las miniaturas o thumnails de WordPress tenemos que ir a Ajustes » Medios:

Como añadir un Gif con movimiento en la imagen destacada en WordPress y WooCommerce 2

Dejaríamos en blanco el tamaño de imagen que queremos que tenga movimiento en el Git.

Y listo, ya lo tendrías 😉

¿Quieres aprender WordPress?En la Zona premium tienes todo lo necesario para aprender desde 0 WordPress

Espero que este artículo te sea útil.

Un saludo

Publicado en: Trucos, Imagenes

Deja una respuesta Cancelar la respuesta

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

¿Necesitas Ayuda?

  • Contacto
  • Blog

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Pólitica de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Acceder

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies...Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.
Non-necessary
Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.
GUARDAR Y ACEPTAR