Come aggiungere GIF da Giphy in WordPress (2 metodi semplici)

Aggiungere GIF animate è un modo divertente per mostrare personalità nei tuoi post del blog. Su WPBeginner, li usiamo spesso per rendere i nostri tutorial più pertinenti.

Tuttavia, caricare file GIF di grandi dimensioni può rallentare significativamente il tuo sito web. Un sito lento danneggia l'esperienza utente e le classifiche SEO.

Fortunatamente, puoi incorporare GIF direttamente da Giphy per risolvere questo problema. Questo consente di risparmiare larghezza di banda e mantenere le pagine veloci.

In questa guida, condivideremo due semplici modi per aggiungere GIF da Giphy in WordPress.

Pro e contro dell'utilizzo di immagini GIF animate in WordPress

L'utilizzo di GIF animate (Graphics Interchange Format) può essere un modo divertente e coinvolgente per migliorare i tuoi contenuti.

Sono perfetti per aggiungere reazioni animate, meme e riferimenti alla cultura pop al tuo sito WordPress. Questo può aiutare ad aumentare le visualizzazioni di pagina e ridurre il tasso di rimbalzo del tuo blog.

Tuttavia, ci sono alcuni svantaggi. I file GIF sono grandi. Possono occupare molto spazio nella libreria multimediale di WordPress, rallentare il tuo sito web e consumare la tua larghezza di banda. Questa è una cattiva notizia per l'esperienza utente e può anche influire sui tuoi ranking dei motori di ricerca e sul traffico.

È qui che entra in gioco Giphy. Servire le tue immagini GIF animate tramite Giphy ti farà risparmiare la larghezza di banda del tuo piano di hosting web. Avrà anche un minore impatto sul tempo di caricamento e sulle prestazioni di WordPress.

Inoltre, Giphy ha una vasta collezione di GIF divertenti e pertinenti, il che lo rende ottimo per aggiungere un tocco di umorismo e personalità ai tuoi contenuti.

Detto questo, diamo un'occhiata a 2 modi semplici per principianti per utilizzare le GIF di Giphy in WordPress. Fai semplicemente clic sui collegamenti sottostanti per passare al metodo che preferisci:

Metodo 1: Come aggiungere GIF da Giphy utilizzando un codice di incorporamento (senza plugin)

Un'opzione è aggiungere la GIF a una pagina o a un post utilizzando il suo codice di incorporamento Giphy. 

Poiché stai utilizzando un codice di incorporamento, non hai bisogno di plugin WordPress speciali. Tuttavia, ottenere il codice di incorporamento richiede alcuni passaggi aggiuntivi. 

Se desideri aggiungere solo un piccolo numero di GIF al tuo sito web, questi passaggi aggiuntivi potrebbero non essere un problema. Tuttavia, se hai intenzione di utilizzare molte GIF, potrebbe valere la pena installare un plugin che semplifichi questo processo. 

Per aggiungere una GIF utilizzando il suo codice di incorporamento, vai sul sito web Giphy.com. Quindi, trova la GIF che desideri utilizzare.

Ora puoi fare clic sul pulsante 'Embed'.

Giphy mostrerà ora il codice di incorporamento per questa GIF.

A questo punto, puoi scegliere tra 'Responsive Off' e 'Responsive On'.

Si consiglia di scegliere 'Responsive On'. Ciò garantisce che la tua GIF animata si ridimensioni correttamente e abbia un bell'aspetto sui dispositivi mobili e sugli schermi dei computer.

Ad esempio, i temi WordPress responsive si adattano automaticamente alle dimensioni dello schermo dell'utente. 

Tenendo conto di ciò, è una buona idea scegliere 'Responsive On'.

Dopo aver preso la tua decisione, copia il codice di incorporamento facendo clic sul pulsante 'Copia codice'.

Ora è il momento di passare all'area di amministrazione di WordPress. Qui, apri semplicemente l'editor di Gutenberg per la pagina o il post in cui desideri incorporare la tua GIF.

Il tuo prossimo compito è creare un nuovo blocco HTML personalizzato. Per iniziare, fai clic sull'icona '+'. 

Quindi, nel popup che appare, digita 'HTML personalizzato' per trovare il blocco giusto. Una volta fatto clic sul blocco HTML personalizzato, WordPress aggiungerà questo blocco alla tua pagina.

Ora puoi semplicemente incollare il codice di incorporamento della tua GIF nel blocco HTML personalizzato. 

Dovrebbe apparire così.

Prima di pubblicare questa GIF, potresti voler verificare come apparirà ai tuoi visitatori. Per fare ciò, fai semplicemente clic sul pulsante 'Anteprima' nella parte superiore dello schermo. WordPress mostrerà ora la tua pagina in una nuova scheda.

Se sei soddisfatto della tua GIF, puoi pubblicare questo post o pagina di WordPress. Basta fare clic sul pulsante 'Aggiorna' o 'Pubblica' nell'editor a blocchi.

La GIF apparirà ora sul tuo blog di WordPress.

Metodo 2: Come aggiungere GIF da Giphy utilizzando EmbedPress

Se hai intenzione di aggiungere molte GIF al tuo sito web, i codici di incorporamento possono richiedere troppo tempo.

Un'altra opzione è utilizzare il plugin EmbedPress. Questo plugin freemium ti consente di incorporare GIF utilizzando solo i loro URL Giphy.

EmbedPress consente inoltre di incorporare contenuti da oltre 100 altri siti web. Questi includono l'incorporamento di video di YouTube, PDF, file audio e altro ancora.

Innanzitutto, dovrai installare e attivare il plugin EmbedPress. Utilizzeremo la versione gratuita poiché ha ciò di cui abbiamo bisogno per questo tutorial.

Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin WordPress.

Dopo l'attivazione, vai alla pagina o al post in cui desideri aggiungere il tuo GIF. Puoi quindi fare clic sull'icona '+'.

Nel popup che appare, digita 'EmbedPress' per trovare il blocco giusto. 

Fai semplicemente clic su questo blocco e WordPress aggiungerà un blocco EmbedPress alla tua pagina.

In una nuova scheda, vai al sito web di Giphy. Puoi quindi trovare il GIF che desideri utilizzare. 

Quindi, copia semplicemente l'URL di questo GIF. 

Ora è il momento di tornare alla tua bacheca di WordPress. 

Qui incolla semplicemente l'URL del GIF nella casella EmbedPress. Infine, fai clic su 'Incorpora'.

Ora, se dai un'occhiata al tuo sito web, vedrai il tuo nuovo GIF.

Se non sei soddisfatto del tuo GIF, EmbedPress ha alcune impostazioni che potresti voler esplorare. Queste includono la modifica dell'altezza e della larghezza di tutti i GIF che aggiungi tramite EmbedPress.

Per dare un'occhiata a queste impostazioni, fai clic su 'EmbedPress' nella barra laterale di WordPress.

Se non è già selezionata, fai clic sulla scheda 'Generale'. Ora puoi utilizzare queste impostazioni per personalizzare i tuoi incorporamenti EmbedPress. 

Ricorda solo che qualsiasi modifica apportata in questo menu influenzerà tutti i tuoi contenuti EmbedPress.

Domande frequenti sull'utilizzo delle GIF in WordPress

Ecco le risposte ad alcune delle domande più frequenti che riceviamo sull'aggiunta di GIF a un sito web WordPress.

L'incorporamento di GIF da Giphy rallenterà il mio sito web?

L'utilizzo di Giphy è generalmente molto migliore per le prestazioni rispetto al caricamento di file GIF di grandi dimensioni direttamente su WordPress. Poiché il file viene servito dai server di Giphy, consente di risparmiare larghezza di banda e spazio di archiviazione. Tuttavia, carica ancora uno script esterno, quindi si consiglia di utilizzare solo poche GIF per pagina per mantenere il sito veloce.

Posso creare le mie GIF e caricarle su WordPress?

Sì, puoi assolutamente caricare le tue GIF nella libreria multimediale di WordPress. Tieni presente che i file GIF sono spesso di grandi dimensioni e possono consumare spazio di archiviazione e rallentare il tuo sito se non ottimizzati. Copriamo il modo migliore per farlo nella nostra guida su come aggiungere GIF animate in WordPress.

È meglio usare un plugin per incorporare GIF o farlo manualmente?

Questo dipende dal tuo flusso di lavoro. Il metodo del codice di incorporamento manuale è perfetto se hai intenzione di aggiungere una GIF solo occasionalmente, poiché non richiede plugin aggiuntivi. Tuttavia, se utilizzi frequentemente GIF nei tuoi contenuti, un plugin dedicato come EmbedPress ti fa risparmiare tempo permettendoti di incorporarle con un semplice URL.

Quali sono le best practice per l'utilizzo delle GIF su un sito web?

Per ottenere i migliori risultati, utilizza GIF pertinenti ai tuoi contenuti e che aggiungano valore, sia attraverso l'umorismo che l'illustrazione. Cerca di non abusarne, poiché una o due GIF ben posizionate sono più efficaci di una pagina disordinata. Infine, scegli sempre l'opzione di incorporamento reattivo per assicurarti che le tue GIF abbiano un bell'aspetto su tutti i dispositivi.

Letture aggiuntive

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere GIF da Giphy in WordPress. Potresti anche voler consultare le nostre altre guide relative ai media e alle prestazioni di WordPress:

• Come ottimizzare le immagini per le prestazioni web senza perdere qualità
• I migliori plugin per il caricamento di file per WordPress (gratuiti e a pagamento)
• Come aggiungere facilmente immagini interattive a 360 gradi in WordPress
• Come risolvere problemi comuni di immagini in WordPress

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.