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

Aggiungere una GIF animata è un ottimo modo per portare umorismo e personalità ai tuoi post del blog. Li usiamo su WPBeginner per rendere i nostri contenuti più coinvolgenti e pertinenti per i nostri lettori.

Ma potresti preoccuparti che file GIF di grandi dimensioni rallentino il tuo sito web. Questa è una preoccupazione valida, poiché le pagine a caricamento lento possono influire negativamente sull'esperienza utente e sui tuoi ranking SEO.

Fortunatamente, incorporare GIF direttamente da Giphy risolve completamente questo problema. Questo metodo consente di risparmiare la larghezza di banda del tuo server e mantiene il tuo sito veloce.

Ti mostreremo due semplici modi per aggiungere GIF da Giphy al tuo sito WordPress, sia con che senza l'uso di un plugin.

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 la rende ottima 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:

1. Come aggiungere GIF da Giphy utilizzando un codice di incorporamento (senza plugin)
2. Come aggiungere GIF da Giphy utilizzando EmbedPress
3. Domande frequenti sull'utilizzo delle GIF in WordPress

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'.

I contenuti responsive cambiano per adattarsi meglio al dispositivo del visitatore. Questo è importante per assicurarsi che il tuo sito appaia fantastico su smartphone e tablet come sui computer desktop.

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?

No, l'incorporamento di GIF da Giphy è il metodo consigliato per evitare di rallentare il tuo sito. Poiché il file è ospitato sui potenti server di Giphy, non utilizza le tue risorse di hosting o la tua larghezza di banda. Questo ha un impatto minimo sui tempi di caricamento della tua pagina.

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.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere GIF da Giphy in WordPress. Potresti anche voler consultare le nostre scelte esperte dei migliori plugin per il caricamento di file per WordPress e la nostra guida su come aggiungere facilmente immagini interattive a 360 gradi in WordPress.

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