Typed.js Elementor Widget

Typed.js Elementor Widget è un plugin WordPress che porta l’effetto macchina da scrivere di Typed.js nell’editor Elementor. Permette di alternare più righe di testo e personalizzare animazione, cursore e tipografia attraverso i controlli del widget.

Da una configurazione ricorrente a un widget riutilizzabile

Il progetto nasce dall’uso di Typed.js nei layout realizzati con Elementor. Ripetere la stessa integrazione a ogni nuovo sito significava intervenire sul codice anche per un effetto semplice. Ho raccolto quella configurazione in un widget nativo, così da poterla riutilizzare e adattare direttamente nell’editor.

Chi costruisce la pagina può inserire e riordinare i testi, regolare la velocità di scrittura e cancellazione, scegliere le pause e attivare la ripetizione. Anche il cursore, i colori e la tipografia si impostano dal pannello di Elementor, con dimensioni del testo e interlinea adattabili a desktop, tablet e smartphone.

Un plugin disponibile su WordPress.org

Il plugin funziona con Elementor Free e Pro e include localmente la libreria Typed.js di Matt Boldt. Il mio lavoro riguarda l’integrazione con WordPress ed Elementor, i controlli del widget e la gestione dell’inizializzazione nell’editor e nelle pagine pubblicate.

Ho pubblicato il plugin nella directory ufficiale WordPress.org e reso disponibile il codice su GitHub. La versione 1.0.3 è stata provata con WordPress 7.1.3 ed Elementor 4.3.5, verificando la registrazione del widget, l’animazione nella pagina e la modifica e il salvataggio dei testi nell’editor.

Scarica il plugin da WordPress.org · Esplora il codice su GitHub