Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come aggiungere il caricamento al clic per le GIF in WordPress

Vuoi aggiungere un lettore GIF click-to-load sul tuo sito web WordPress? Le immagini GIF animate richiedono più tempo per il caricamento, il che influisce sulla velocità della pagina e sull'esperienza utente. Ecco perché molte piattaforme di blogging popolari non caricano automaticamente le GIF nelle loro app. In questo articolo, ti mostreremo come aggiungere facilmente il click-to-load per le GIF in WordPress.

Aggiungere GIF con click per caricare in WordPress

Perché aggiungere il Click-to-Load per le GIF in WordPress?

Se spesso aggiungi immagini GIF animate in WordPress, allora sai già che sono molto più grandi delle immagini normali. Ciò significa che richiedono più tempo per il caricamento, il che influisce sulla velocità e le prestazioni del tuo sito web.

Alcuni siti web affrontano questo problema con il lazy loading delle immagini in WordPress. Tuttavia, ciò influisce ancora sull'esperienza degli utenti perché le GIF richiedono più tempo per il caricamento mentre l'utente scorre verso il basso.

Piattaforme popolari come Tumblr e altre utilizzano un lettore GIF click-to-load per mitigare questo problema. Invece di caricare tutti i fotogrammi di un'animazione GIF, caricano solo il primo fotogramma dell'animazione. Un pulsante di riproduzione o un'etichetta GIF sull'immagine indica che gli utenti possono fare clic per visualizzare la GIF animata.

Esempio di GIF in pausa

Detto questo, diamo un'occhiata a come puoi aggiungere un pulsante click-to-load per le GIF sul tuo sito web WordPress.

Aggiungere il Click-to-Load per le GIF in WordPress

La prima cosa da fare è installare e attivare il plugin WP GIF Player. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin di WordPress.

Questo plugin funziona subito e non ci sono impostazioni da configurare.

Puoi andare alla schermata di modifica del post per vederlo in azione.

Aggiungi pulsante GIF nell'editor dei post di WordPress

Nella schermata di modifica del post, noterai il pulsante Aggiungi GIF sopra l'editor del post. Cliccandoci sopra si aprirà la finestra di dialogo del caricatore multimediale dove potrai caricare le tue immagini GIF, come qualsiasi altra immagine.

Carica GIF usando il pulsante Aggiungi GIF

Una volta caricata, dovrai fare clic sul pulsante Inserisci immagine per continuare.

Il plugin WP GIF player aggiungerà ora lo shortcode richiesto nel tuo editor di post di WordPress.

Shortcode GIF nell'editor dei post di WordPress

Ora puoi salvare il tuo post/pagina e fare clic sul pulsante di anteprima per vedere le tue GIF cliccabili in azione.

Tutte le GIF incorporate nel tuo post avranno ora un pulsante sopra di esse etichettato GIF. Cliccando sul pulsante verrà caricata la GIF animata in background e visualizzata.

Clicca per riprodurre GIF animata

Uno svantaggio di questo plugin è che funziona solo per le nuove GIF caricate. Non aggiungerà il caricamento al clic per le GIF caricate utilizzando il normale caricatore multimediale di WordPress. Ciò significa che tutte le tue GIF caricate in precedenza non avranno il pulsante di caricamento al clic.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere il lettore di GIF con caricamento al clic in WordPress. Potresti anche voler consultare la nostra guida su come risolvere i problemi comuni delle 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.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

5 CommentsLeave a Reply

  1. Grazie per averci parlato di questo plugin e per averci mostrato come usarlo. Lo terrò a mente!

    Cori

  2. È un plugin interessante. Mi chiedo se possiamo personalizzare il pulsante e cambiarne la posizione. Sarebbe fantastico avere un pulsante con il logo del brand al centro e un testo GIF nell'angolo in alto a destra.

    Grazie per aver condiviso.

  3. Questo è piuttosto interessante. Non uso ancora GIF animate nei miei post, ma è bene saperlo.
    Sai se questo approccio funzionerà con contenuti ospitati su CDN?

Lascia un commento

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.