Ci siamo imbattuti in una domanda riguardante un problema di GIF animate su un sito WordPress: la GIF è stata caricata nella libreria multimediale e aggiunta su una pagina. Quando la pagina è stata pubblicata, la GIF era presente ma non si animava.
Se, invece, dovessi fare clic sulla GIF in modo che si apra in una nuova scheda del browser, inizierà ad animarsi come dovrebbe. Questo non è l’unico problema con le GIF con cui gli utenti di WordPress stanno combattendo. L’altro problema GIF più comune relativo a WordPress è che le GIF impostate come immagini in primo piano non si animano mai.
Davvero frustrante, ma c’è una soluzione. Questo post ti aiuterà a capire il problema e ti consentirà di utilizzare GIF animate in WordPress, sia in un post / su una pagina che come immagine in primo piano.
Perché le GIF animate non funzionano su WordPress?
GIF in post
La risposta breve è, beh, funzionano. Ma c’è una svolta.
Ogni volta che si caricano immagini su WordPress, incluse le GIF, vengono elaborate automaticamente e vengono generate 3 o più, a seconda del tema, le dimensioni standard delle immagini, oltre alle dimensioni originali. Anche se questo va assolutamente bene per altri tipi di file, WordPress non può elaborare correttamente le GIF durante il ridimensionamento. Ciò si traduce in WordPress che “afferra” solo uno dei frame e lo trasforma in un frame fermo, distruggendo così l’animazione.
Poiché l’animazione viene distrutta a causa del ridimensionamento, ti ritroverai con una GIF completamente funzionante e animata correttamente e 3+ fotogrammi ridimensionati. Non è possibile creare una GIF animata dai fotogrammi fissi. È tuttavia possibile utilizzare il file a dimensione intera conservato.
Le GIF animate funzionano infatti solo se utilizzi l’opzione Full-Size quando le aggiungi a post e pagine. Ciò significa che, ogni volta che desideri aggiungere un’animazione al tuo sito, devi ridimensionare il file prima del caricamento. Assicurati che la cornice si adatti al punto della pagina / del post che dovrebbe riempire.
Cos’altro può distruggere Animazione GIF?
Alcuni temi e plug-in, in particolare i plug-in per l’ottimizzazione delle immagini, possono imporre il ridimensionamento anche sulle immagini a dimensione intera durante il caricamento. Un buon esempio qui è l’ottimizzatore di immagini ShortPixel che offre la possibilità di ridimensionare immagini molto grandi, in modo che non consumino molto spazio su disco e risorse.
Sebbene questa sia un’ottimizzazione intelligente per il resto delle immagini sul sito, distruggerà le tue GIF, purché il frame sia più grande dei limiti definiti. Questa è, fortunatamente, solo un’opzione che puoi disattivare o regolare, se necessario. Poiché alcuni plugin cercano immagini che non sono ottimizzate nella libreria multimediale e le ottimizzano dopo il caricamento, devi assicurarti che questo non sia il caso del tuo plugin o disattivarlo del tutto, se non c’è una soluzione migliore. Se il plug-in ha la possibilità di ridimensionare la GIF, smetterà di funzionare di nuovo.
Se le GIF a grandezza naturale continuano a non essere animate in WordPress , assicurati di cercare altre impostazioni di plugin o temi, incasinando le dimensioni dell’immagine. Tali impostazioni possono essere trovate in Impostazioni-> Media nel pannello di amministrazione di WordPress o direttamente in Opzioni tema .
GIF come immagine in primo piano
Proprio come nel caso delle GIF animate nei post, gli utenti frustrati di WordPress caricano GIF come immagini in primo piano sui post solo per scoprire che non si animano. Il motivo è che i temi, che supportano le immagini in primo piano, utilizzano una variazione di immagini appositamente ridimensionata, chiamata miniatura ma non identica alle dimensioni delle miniature che puoi impostare in Impostazioni-> Media . Le immagini in primo piano utilizzano per impostazione predefinita questa “miniatura” ridimensionata.
Quando una versione ridimensionata della GIF viene recuperata per fungere da immagine in primo piano, essa, proprio come nel caso delle GIF nei post, non si anima perché viene distrutta e si trasforma in una cornice fissa.
Fortunatamente, c’è un modo per far funzionare le GIF animate nei post e come immagini in primo piano in WordPress.
Come far funzionare le GIF animate su WordPress
GIF in un post
Se vuoi usare una GIF in un post, dovresti semplicemente fare quanto segue:
- Quando crei una GIF animata da utilizzare in WordPress, assicurati che sia esattamente grande (sia in altezza che in larghezza) come ti serve per essere sulla pagina. Se vuoi riempire uno spazio di 400x250px, questa è la dimensione che dovresti impostare per la GIF.
- Carica la GIF come al solito
- Quando inserisci la GIF nella pagina, assicurati di scegliere l’opzione Dimensione intera . WordPress creerà senza dubbio diverse varianti ridimensionate della GIF, ma dovresti ricordare che non possono essere utilizzate come GIF animate.
Questo è tutto!
GIF come immagine in primo piano
Se vuoi essere davvero fantasioso e utilizzare GIF animate come immagini in primo piano sul tuo sito, hai due opzioni: utilizzare un plug-in o modificare il codice del tuo sito.
Se decidi di utilizzare un plug-in, puoi tranquillamente scegliere Autoset immagine in primo piano . Anche se il plug-in non è stato aggiornato da circa 3 anni, ha oltre 9000 installazioni attive, a testimonianza che funziona bene.
Il modo in cui funziona è semplice: aggiungi la GIF animata come prima immagine nel post (a grandezza naturale), il plugin la recupera e la imposta come immagine in primo piano. L’ovvio svantaggio qui è che devi avere la GIF sulla pagina, non puoi usarla semplicemente come immagine in primo piano.
Se preferisci non usare plugin e “fallo bene”, devi modificare il codice di base di WordPress. Devi trovare la funzione the_post_thumbnail in wp-includes / post-thumbnail-template.php nella radice del tuo sito sul server. Quindi, puoi modificarlo per utilizzare la dimensione intera delle immagini invece della miniatura cambiando il valore tra parentesi in “pieno”:
the_post_thumbnail ('full');
Quando sei pronto, ricordati di salvare il file, caricalo di nuovo sul server sostituendo il file esistente lì e controlla se le GIF utilizzate come immagini in primo piano hanno iniziato ad animarsi – dovrebbero averlo fatto. In caso contrario, probabilmente hai commesso un errore nel processo di modifica del file, quindi torna semplicemente sui tuoi passaggi per risolvere il problema.
Sebbene la soluzione descritta sia una soluzione semplice per il problema con l’utilizzo di GIF animate come immagini in primo piano, tieni presente che c’è un problema: questo file verrà sovrascritto al prossimo aggiornamento di WordPress. Pertanto, assicurati di conservare una copia e applicare nuovamente le modifiche al file aggiornato. Se sei certo che nient’altro sia cambiato nel file aggiornato, puoi semplicemente ricaricare il post-thumbnails.php modificato e sostituire quello sul server con esso.
NB! Ogni volta che modifichi i file di WordPress, è buona norma salvare e conservare sempre una copia locale dei file modificati. Ogni volta che è disponibile un aggiornamento, aggiorna i file modificati con il nuovo codice invece di applicare nuovamente le modifiche ai file aggiornati. Tuttavia, questo dipende da quanto hai modificato nel file. Se si tratta di una singola riga, come in questo caso, potrebbe essere meglio modificare la versione aggiornata del file, invece di cercare di trovare e applicare tutti gli aggiornamenti al file modificato.
