Valutazioni dell’editor: Valutazioni degli utenti:[Totale: 0 Media: 0/5].ilfs_responsive_below_title_1 { width: 300px; } @media(larghezza minima: 500px) {.ilfs_responsive_below_title_1 { larghezza: 300px; } } @media(larghezza minima: 800px) {.ilfs_responsive_below_title_1 { larghezza: 336px; } }
Advanced Animation Block è un plugin gratuito per WordPress per creare blocchi di animazione personalizzati. Qui puoi utilizzare questo plugin per definire animazioni per il testo e blocchi multimediali. Viene fornito con un set predefinito di animazioni che puoi abilitare su un blocco. Oppure puoi definire animazioni personalizzate che verranno eseguite su una determinata azione che specifichi.
Le animazioni che definisci possono essere richiamate su azioni del mouse come fare clic o passare il mouse. Semplici effetti come dissolvenza in entrata e in uscita possono essere configurati da un’interfaccia semplice da usare e sono sicuro che non ti deluderà. La versione gratuita offre abbastanza opzioni di animazione che ti piacciono. Se sei a conoscenza delle animazioni CSS di base, sarai in grado di configurare facilmente questo componente aggiuntivo.
Tieni presente che questa animazione funziona con l’editor Gutenberg delle notizie di WordPress. Quindi, se stai ancora utilizzando l’editor classico tramite plug-in, dovrai disabilitarlo. Altrimenti, non sarai in grado di definire le animazioni sulla tua pagina.
Plugin WordPress gratuito per creare animazioni personalizzate per i blocchi:
Puoi cercarlo nella sezione dei plugin di WordPress. Oppure puoi seguire questo URL e quindi semplicemente scaricare e caricare il file ZIP per installarlo. Dopo averlo installato, attivalo, quindi puoi semplicemente iniziare a usarlo per aggiungere animazioni ai blocchi.
Crea un nuovo post nel nuovo editor Gutenberg. Crea il tuo primo blocco e poi le opzioni di Animazione avanzata appariranno sul lato destro. Per comodità, seleziona il bock multimediale e quindi carica un’immagine al suo interno. Definire l’animazione per le immagini sarà facile e molto interessante.
Seleziona ora i parametri dell’animazione. Puoi selezionare gli effetti di animazione già pronti con cui viene fornito. C’è un effetto di parallasse e animazioni di base come dissolvenza in entrata, dissolvenza in uscita e altro. Inoltre, c’è anche l’animazione di trasformazione. Puoi animare un blocco spostandolo lungo l’asse X o Y. Per questo, devi solo specificare il movimento in pixel.
Ora devi specificare l’evento di attivazione. Fondamentalmente, devi selezionare un’azione che ascolterà e quando ciò accadrà, riprodurrà l’animazione.
Quando avrai definito un’animazione, te la mostrerà in un visualizzatore di animazioni. C’è un pulsante di riproduzione in cui puoi riprodurre l’animazione che hai creato. Fondamentalmente, qui puoi visualizzare in anteprima le modifiche animate che avrà la tua pagina. Quindi, finalizza l’animazione qui e poi salva semplicemente le modifiche.
Visualizza in anteprima la tua pagina e poi ti mostrerà l’animazione finale. Dopo che tutto ha funzionato come previsto, puoi semplicemente pubblicare il post e quindi vedere semplicemente le animazioni finali in azione.
Considerazioni finali:
Se stai cercando un semplice strumento di animazione per WordPress per animare immagini e altri blocchi, allora sei nel posto giusto. Usa il plugin WordPress che ho menzionato qui e sono sicuro che la sua versione non ti deluderà. Usa le animazioni in dotazione o definisci le tue modificando semplici parametri.