Pregunta sobre Twenty Seventeen de Wordpress:

GIF animado sin animación de fondo

Un usuario preguntó 👇

Utilizo anigif como imagen visible. La imagen de fondo no está animada en casa. En el código fuente veo que se usa x-2000 × 1000.gif en lugar del original. ¿Dónde puedo cambiar esta configuración, qué archivo de tema define esto?

(@jarretc)

Hace 1 año, 4 meses

¿Tiene un enlace directo al gif en algún lugar que pueda usar para probarlo más o un enlace al sitio en el que está haciendo la pregunta?

Lanzador de hilos

(@tastymouse)

Hace 1 año, 4 meses

http://bartminderman.nl/ El sitio web es. Debe iniciar sesión: usuario: pre-pass: ver la url anigif http://bartminderman.nl/wp-content/uploads/2019/10/Bart-Minderman_werk.gif (todavía ridículamente pesado), ahora http://bartminderman.nl/wp-content/uploads/2019/10/Bart-Minderman_werk-2000MU0001000.gif utilizado por el tema.

(@jarretc)

Hace 1 año, 4 meses

Esto sucede porque WP cambia la imagen, cuando lo hace, solo toma un fotograma del gif en el archivo 2000 × 1000.gif que guarda y, por lo tanto, se elimina la animación.

Dado que está utilizando un tema hijo, puede configurar esto en el código y forzarlo a usar la imagen completa en lugar de la cantidad de cambio que guarda WP.

Copie /template-parts/page/content-front-page-panels.php de la carpeta TwentySeventeen predeterminada. Dentro de ese archivo, busque el siguiente código cerca de la parte superior

$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' );

Cámbielo a lo siguiente

$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );

Guarde sus cambios y luego debería comenzar a reproducir el gif en el área del panel.

Lanzador de hilos

(@tastymouse)

Hace 1 año, 4 meses

¡Sí! Eso funciona.

Gracias, tom

Lanzador de hilos

(@tastymouse)

Hace 1 año, 4 meses

Y para el primer fondo, se puede hacer la misma modificación en /template-parts/page/content-front-page.php

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

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