Widget Elementor · Open Source
Timeline custom elementor
- Elementor Pro
- WordPress
- jQuery
- PHP 8.0+
Funzionalità
Cosa fa, in concreto
Badge anno per ogni slide
Ogni slide ha un badge con testo libero (anno, etichetta, fase). Colore di sfondo, colore testo, padding e box-shadow personalizzabili dal pannello Style.
Immagine come sfondo
L'immagine di ogni slide viene resa come background-image sulla classe .dc-story__media. Altezza e border-radius controllabili dall'editor.
Slide cliccabile opzionale
Se il campo link è compilato, l'intera slide diventa un tag con supporto a target blank e nofollow. Se vuoto, rimane un
Slick Slider configurabile
Loop, velocità di transizione, autoplay con delay personalizzabile, frecce di navigazione e paginazione a punti — tutti i parametri passati via data-slick dall'editor.
Testo a tre livelli
Sopratitolo (kicker), titolo H3 e corpo testo con editor WYSIWYG — supporta grassetto, corsivo e link inline. Tipografia e colore indipendenti per ogni livello.
Carica solo dove serve
CSS e JavaScript vengono accodati solo nelle pagine in cui il widget è presente, tramite get_script_depends() e get_style_depends().
Come si usa
Installa il plugin
Carica la cartella in /wp-content/plugins/ e attivalo. Assicurati che Slick Slider sia già registrato nel tema o in un altro plugin.
Trascina il widget
Cerca "Timeline Custom" nella categoria Custom dell'editor Elementor e trascinalo nella sezione che preferisci.
Aggiungi le slide
Dal tab Content → Slides aggiungi ogni elemento: immagine, anno, sopratitolo, titolo, testo e link opzionale. Nessun campo è obbligatorio — il markup si adatta.
Configura e stilizza
Dal tab Content → Swiper imposta loop, autoplay e navigazione. Dal tab Style personalizza immagine, badge, card e tipografia per ogni livello di testo.