314 blocchi per l'editor a blocchi di WordPress
Blocchi veri con pannelli di impostazioni reali, inseriti dallo strumento di inserimento di WordPress. Nessuno shortcode, nessun canvas proprietario, nessun secondo editor da imparare. Tutto ciò che vede un visitatore è un controllo nella barra laterale.
Aggiornato il
209 blocchi che puoi inserire già oggi
Filtra per famiglia o cerca per nome, parola chiave o funzione del blocco. I blocchi premium sono contrassegnati, e ogni piano include tutti.

L'inseritore di WordPress che hai a disposizione, con le famiglie Canvas sotto quelle core. Qui non c'è nessuno shortcode e nulla apre un secondo editor.
Visualizzati tutti i 209
Posts
31 blocchi, elencati in Articoli nell'inseritore di blocchi.
Academic Works Gratis
Le voci del portfolio come le disegna il design accademico: righe per i libri, schede per gli articoli di rivista e i dettagli della voce nella sua pagina.
Agency Works Gratis
Mostra i progetti del portfolio come carosello o griglia in stile agenzia, oppure visualizza una singola pagina di progetto (attributi, CTA di contatto, progetti correlati).
Guardalo dal vivo: Agency Works su Portfolio (si apre in una nuova scheda)
Blog Archive Loop Gratis
Loop del blog per la query principale (indice, categoria, tag, autore, data). Usa i partial del tema blog-entry e la paginazione.
Guardalo dal vivo: Blog Archive Loop su Home (si apre in una nuova scheda) Impostazioni del blocco Blog Archive Loop nella documentazione
Blog Loop Gratis
Ciclo componibile delle voci del blog. Componi la scheda di ogni articolo con i blocchi Post Image/Title/Meta/Excerpt; il contenitore, la paginazione e gli elementi strutturali della timeline sono gestiti dal layout.
Guardalo dal vivo: Blog Loop su Blog | Griglia (si apre in una nuova scheda) Impostazioni del blocco Blog Loop nella documentazione
Blog Single Post Gratis
Layout del singolo articolo del blog (titolo, meta, immagine, contenuto, tag, condivisione, navigazione, autore, commenti, correlati + sidebar). Per single.html.
Impostazioni del blocco Blog Single Post nella documentazione
Construction Projects Gratis
Mostra i progetti del tipo di post Projects come griglia di portfolio (2 a 5 colonne), oppure visualizza una singola pagina di progetto (attributi, CTA di contatto, progetti correlati).
Guardalo dal vivo: Construction Projects su Progetti | 5 colonne (si apre in una nuova scheda)
Illustrator Works Gratis
Elementi del portfolio come griglia filtrabile di card quadrate con cornici colorate, oppure le sezioni di una singola pagina progetto.
Guardalo dal vivo: Illustrator Works su Home (si apre in una nuova scheda)
Interior Projects Gratis
Mostra i progetti dello studio dal tipo di post Progetti come griglia portfolio filtrabile, oppure visualizza una singola pagina progetto (barra laterale dei dettagli, CTA per la consulenza, progetti correlati).
Guardalo dal vivo: Interior Projects su Stonecroft (si apre in una nuova scheda)
Law Firm Cases Gratis
Mostra i casi dal tipo di contenuto Portfolio come card, oppure visualizza una singola pagina di caso (attributi, invito a contattarci, casi correlati).
Guardalo dal vivo: Law Firm Cases su Casi recenti (si apre in una nuova scheda)
Photo Shots Gratis
Mostra le foto del tipo di contenuto Shots come griglia di anteprime espandibile, oppure visualizza la singola pagina di uno scatto (cornice, dettagli dello scatto, invito all'azione per le richieste, scatti correlati).
Guardalo dal vivo: Photo Shots su Esplora (si apre in una nuova scheda)
Post Archive Index Gratis
Ogni voce con data e titolo, facoltativamente raggruppata per anno e mese: l'indice di «tutto ciò che abbiamo pubblicato».
Impostazioni del blocco Post Archive Index nella documentazione
Post Author Gratis
Mostra la scheda biografica dell'autore del post corrente, con avatar, nome visualizzato e descrizione biografica.
Guardalo dal vivo: Post Author su Il web lento: perché le migliori esperienze di lettura stanno diventando più silenziose (si apre in una nuova scheda) Impostazioni del blocco Post Author nella documentazione
Post Comments Gratis
Visualizza il template dei commenti di WordPress, incluso l'elenco dei commenti e il modulo di invio.
Guardalo dal vivo: Post Comments su Il web lento: perché le migliori esperienze di lettura stanno diventando più silenziose (si apre in una nuova scheda) Impostazioni del blocco Post Comments nella documentazione
Post Content Gratis
Visualizza il contenuto completo del post corrente, applicando tutti i filtri dei contenuti, inclusi shortcode ed embed.
Guardalo dal vivo: Post Content su Questo è un articolo standard con un'immagine di anteprima (si apre in una nuova scheda) Impostazioni del blocco Post Content nella documentazione
Post Date Gratis
La sola data di pubblicazione del contenuto, per una riga dell'autore che l'elenco dei metadati non può mostrare.
Guardalo dal vivo: Post Date su Il web lento: perché le migliori esperienze di lettura stanno diventando più silenziose (si apre in una nuova scheda) Impostazioni del blocco Post Date nella documentazione
Post Excerpt Gratis
Mostra un estratto del post corrente, troncato a parole, con lunghezza configurabile.
Guardalo dal vivo: Post Excerpt su Blog | Griglia (si apre in una nuova scheda) Impostazioni del blocco Post Excerpt nella documentazione
Post Image Gratis
Mostra l'immagine in evidenza dell'articolo corrente, con dimensione personalizzabile e link al permalink facoltativo.
Guardalo dal vivo: Post Image su Blog | Feed misto (si apre in una nuova scheda) Impostazioni del blocco Post Image nella documentazione
Post Media Gratis
Il riquadro multimediale principale del post corrente: l'immagine in evidenza, l'incorporamento di video o audio, il cursore della galleria, la griglia di miniature, la citazione, il link o la scheda di stato, scelto in base al formato del post.
Guardalo dal vivo: Post Media su Blog | Timeline con barra laterale a sinistra (si apre in una nuova scheda) Impostazioni del blocco Post Media nella documentazione
Post Meta Gratis
Mostra i metadati del post configurabili, tra cui data, autore, categorie e numero di commenti.
Guardalo dal vivo: Post Meta su Blog | Feed misto (si apre in una nuova scheda) Impostazioni del blocco Post Meta nella documentazione
Post Navigation Gratis
Mostra i link di navigazione verso il post precedente e quello successivo rispetto al post corrente.
Guardalo dal vivo: Post Navigation su Il web lento: perché le migliori esperienze di lettura stanno diventando più silenziose (si apre in una nuova scheda) Impostazioni del blocco Post Navigation nella documentazione
Post Read More Gratis
Mostra un link o un pulsante Leggi di più che rimanda al permalink dell'articolo corrente.
Guardalo dal vivo: Post Read More su Home (si apre in una nuova scheda) Impostazioni del blocco Post Read More nella documentazione
Post Reading Bar Gratis
Mostra i controlli per tempo di lettura, dimensione del testo, stampa e condivisione allo scorrimento per l'articolo corrente.
Guardalo dal vivo: Post Reading Bar su Questo è un articolo standard con un'immagine di anteprima (si apre in una nuova scheda) Impostazioni del blocco Post Reading Bar nella documentazione
Post Reading Time Gratis
Quanto tempo serve per leggere il post, calcolato sul suo contenuto.
Guardalo dal vivo: Post Reading Time su Il web lento: perché le migliori esperienze di lettura stanno diventando più silenziose (si apre in una nuova scheda) Impostazioni del blocco Post Reading Time nella documentazione
Post Related Gratis
Mostra una griglia di articoli correlati appartenenti alle stesse categorie dell'articolo corrente.
Guardalo dal vivo: Post Related su Il web lento: perché le migliori esperienze di lettura stanno diventando più silenziose (si apre in una nuova scheda) Impostazioni del blocco Post Related nella documentazione
Post Share Gratis
Mostra i link di condivisione sui social per il post corrente, con reti, stile e dimensione configurabili.
Guardalo dal vivo: Post Share su Event Single (si apre in una nuova scheda) Impostazioni del blocco Post Share nella documentazione
Post Terms Gratis
Mostra i termini di tassonomia (categorie o tag) del post corrente con stili testo, badge, pillola, nuvola di tag o categoria inline.
Guardalo dal vivo: Post Terms su Blog | Feed misto (si apre in una nuova scheda) Impostazioni del blocco Post Terms nella documentazione
Post Title Gratis
Mostra il titolo dell'articolo corrente all'interno di un tag di intestazione configurabile, con un collegamento permanente facoltativo.
Guardalo dal vivo: Post Title su Blog | Feed misto (si apre in una nuova scheda) Impostazioni del blocco Post Title nella documentazione
Post Table of Contents Gratis
Un indice dei titoli dell'articolo, con ancore funzionanti e un indicatore che segue il lettore.
Guardalo dal vivo: Post Table of Contents su Guida pratica ai design token che sopravvivono a un rebranding (si apre in una nuova scheda) Impostazioni del blocco Post Table of Contents nella documentazione
Posts Gratis
Interroga e visualizza i post in vari layout, tra cui griglia, elenco, masonry e timeline. Supporta il filtraggio per categoria, tag, tipo di post personalizzato e ordinamento.
Guardalo dal vivo: Posts su Blog | Griglia (si apre in una nuova scheda) Impostazioni del blocco Posts nella documentazione
Recent Comments Gratis
I commenti più recenti approvati da tutto il sito, ciascuno con l'avatar, il nome e le prime parole dell'autore, con link che portano alla discussione.
Guardalo dal vivo: Recent Comments su Widget (si apre in una nuova scheda) Impostazioni del blocco Recent Comments nella documentazione
Resume Works Gratis
Mostra i progetti del tipo di contenuto Works come elenco compatto o griglia di riquadri, oppure visualizza una singola pagina di progetto (attributi, CTA, progetti correlati).
Guardalo dal vivo: Resume Works su Progetti (si apre in una nuova scheda)
Contenuto
30 blocchi, elencati in Contenuto nell'inseritore di blocchi.
Background Video / Audio Gratis
Un livello video o audio in loop auto-ospitato per un hero, lo sfondo di una sezione o un player personalizzato. Genera solo l'elemento multimediale, così il contenitore che lo posiziona resta a tua disposizione.
Guardalo dal vivo: Background Video / Audio su Azioni sui media (si apre in una nuova scheda) Impostazioni del blocco Background Video / Audio nella documentazione
Cascading Images Incluso in ogni piano
Composizione di immagini a livelli con traslazione, rotazione, scala, z-index, ritardo dell'animazione per ogni immagine e forme decorative di sfondo facoltative.
Guardalo dal vivo: Cascading Images su Cascading Images (si apre in una nuova scheda) Impostazioni del blocco Cascading Images nella documentazione
Chart Incluso in ogni piano
Crea un grafico partendo da un set di dati che fornisci, così cifre di un report o di un confronto prezzi si leggono a colpo d'occhio. Tipo di grafico, dati ed etichette derivano tutti dalla configurazione che inserisci.
Guardalo dal vivo: Chart su Servizi - Layout 1 (si apre in una nuova scheda) Impostazioni del blocco Chart nella documentazione
Circle Stack Incluso in ogni piano
Una pila orizzontale di avatar circolari, icone o badge di testo: ideale per anteprime del team, prove sociali e contatori di follower.
Guardalo dal vivo: Circle Stack su Circle Stacks (si apre in una nuova scheda) Impostazioni del blocco Circle Stack nella documentazione
Clienti Gratis
Mostra loghi di clienti, partner o marchi in una griglia responsive o in un owl-carousel, con link facoltativo e supporto lightbox.
Guardalo dal vivo: Clienti su Clienti (si apre in una nuova scheda) Impostazioni del blocco Clienti nella documentazione
Data Table Incluso in ogni piano
Disponi righe e colonne di informazioni strutturate, come un elenco di specifiche o un confronto dei piani, con intestazioni di colonna per ordinare i dati e una riga di riepilogo facoltativa in fondo.
Guardalo dal vivo: Data Table su Profilo utente (si apre in una nuova scheda) Impostazioni del blocco Data Table nella documentazione
Map Gratis
Una mappa Google Maps o OpenStreetMap con marcatori personalizzati, livello di zoom e, solo per Google Maps, personalizzazioni di tipo e stile della mappa.
Guardalo dal vivo: Map su Mappe (si apre in una nuova scheda) Impostazioni del blocco Map nella documentazione
Hover Card Gratis
Scheda con immagine che si inclina in 3D sotto il puntatore, con titolo e didascalia della categoria che si sollevano verso chi guarda.
Guardalo dal vivo: Hover Card su Parallasse al passaggio del mouse (si apre in una nuova scheda) Impostazioni del blocco Hover Card nella documentazione
Icon Browser Gratis
Griglia di ricerca di tutte le icone presenti nei pacchetti di icone attivi.
Guardalo dal vivo: Icon Browser su Icone (si apre in una nuova scheda) Impostazioni del blocco Icon Browser nella documentazione
Inline SVG Gratis
Icona vettoriale disegnata a partire dai dati dei percorsi SVG, con dimensione, colore, viewBox e opacità per livello come controlli nella barra laterale.
Guardalo dal vivo: Inline SVG su Prezzi (si apre in una nuova scheda) Impostazioni del blocco Inline SVG nella documentazione
Link Tiles Gratis
Una griglia di riquadri con icona ed etichetta, ciascuno con un link a una pagina. I riquadri che puntano a una pagina inesistente vengono esclusi.
Guardalo dal vivo: Link Tiles su Gruppi di elenchi e card (si apre in una nuova scheda) Impostazioni del blocco Link Tiles nella documentazione
Lists & Cards Gratis
Gruppi di elenco e card basati su Bootstrap, con più stili, colori e layout.
Guardalo dal vivo: Lists & Cards su Gruppi di elenchi e card (si apre in una nuova scheda) Impostazioni del blocco Lists & Cards nella documentazione
Media Embed Gratis
Inserisci un player video o audio nella pagina da un servizio di hosting, da un file caricato o da un indirizzo di incorporamento fornito dal provider, con il rapporto d'aspetto che scegli.
Guardalo dal vivo: Media Embed su Embed multimediali (si apre in una nuova scheda) Impostazioni del blocco Media Embed nella documentazione
Nav Tree Gratis
Un albero di link a più livelli con rientri: l'elenco di navigazione usato da un pannello laterale o dalla barra laterale della documentazione.
Navbar Gratis
Barra di navigazione comprimibile con un marchio, un pulsante hamburger, link a discesa e, facoltativamente, un modulo di ricerca, un pulsante o un testo a fine barra.
Guardalo dal vivo: Navbar su Navigazione (si apre in una nuova scheda) Impostazioni del blocco Navbar nella documentazione
Overlay Content Gratis
Un livello di contenuto all'interno di un overlay: allineato, con maschera facoltativa, icone di attivazione e blocchi annidati.
Guardalo dal vivo: Overlay Content su Overlay degli elementi (si apre in una nuova scheda) Impostazioni del blocco Overlay Content nella documentazione
Overlay Item Gratis
Una scheda immagine con un overlay sovrapposto: badge, livello di tinta e uno o più livelli di contenuto dell'overlay.
Guardalo dal vivo: Overlay Item su Overlay degli elementi (si apre in una nuova scheda) Impostazioni del blocco Overlay Item nella documentazione
Titolo della pagina Gratis
La barra del Titolo della pagina / hero. Inserisci un'intestazione, un sottotitolo e le breadcrumb al suo interno; scegli l'allineamento, un'immagine di sfondo, parallax e uno schema scuro.
Guardalo dal vivo: Titolo della pagina su Page Title Left Aligned Layout (si apre in una nuova scheda) Impostazioni del blocco Titolo della pagina nella documentazione
Page Title Buttons Gratis
Pulsanti d'azione nella fascia del titolo della pagina. In modalità dinamica legge i pulsanti propri di ogni pagina, oppure mostra i pulsanti che crei qui. Un pulsante senza link diventa un trigger per lo scorrimento.
Guardalo dal vivo: Page Title Buttons su Pulsanti (si apre in una nuova scheda) Impostazioni del blocco Page Title Buttons nella documentazione
Particles Gratis
Un livello di sfondo animato con particelle per una sezione: rete di linee, campo stellare, bolle, neve o low poly.
Guardalo dal vivo: Particles su Particles (si apre in una nuova scheda) Impostazioni del blocco Particles nella documentazione
Preloader Gratis
Un indicatore di caricamento CSS animato in uno qualsiasi degli stili di loader del design system.
Guardalo dal vivo: Preloader su Preloader (si apre in una nuova scheda) Impostazioni del blocco Preloader nella documentazione
Pricing Switcher Incluso in ogni piano
Interruttore che controlla la visualizzazione dei prezzi mensili/annuali (o di qualsiasi altra opzione a due stati) su blocchi Pricing Table abbinati.
Guardalo dal vivo: Pricing Switcher su Prezzi (si apre in una nuova scheda) Impostazioni del blocco Pricing Switcher nella documentazione
Q&A Item Gratis
Una domanda e la sua risposta, ciascuna con il proprio marcatore: il blocco base di un'intervista.
Guardalo dal vivo: Q&A Item su Jane Doe su Vent'anni di progettazione tipografica (si apre in una nuova scheda) Impostazioni del blocco Q&A Item nella documentazione
Rounded Skill Gratis
Un anello circolare di competenza che si riempie fino alla percentuale indicata, con al centro la cifra, un testo personale, un'icona o un contatore.
Guardalo dal vivo: Rounded Skill su Grafico a torta e competenze (si apre in una nuova scheda) Impostazioni del blocco Rounded Skill nella documentazione
Scroll Arrow Incluso in ogni piano
Una freccia animata di scorrimento verso il basso per le sezioni hero: scorre dolcemente fino all'ancora di una sezione di destinazione.
Guardalo dal vivo: Scroll Arrow su Negozio con saldi natalizi (si apre in una nuova scheda) Impostazioni del blocco Scroll Arrow nella documentazione
Star Rating Gratis
Una valutazione a stelle che imposti come punteggio singolo. Supporta mezze stelle, icone personalizzate e un elemento wrapper opzionale.
Guardalo dal vivo: Star Rating su Risultati (si apre in una nuova scheda) Impostazioni del blocco Star Rating nella documentazione
Testimonials Gratis
Mostra le testimonianze dei clienti in una griglia, in un carosello rotante o in fumetti, con autore, foto e valutazione a stelle per ogni citazione.
Guardalo dal vivo: Testimonials su Testimonianze e Twitter (si apre in una nuova scheda) Impostazioni del blocco Testimonials nella documentazione
Thumbnails Gratis
Griglia di miniature con effetti hover e didascalie opzionali. Supporta lightbox e overlay con link.
Ticker Gratis
Ticker di annunci a scorrimento con elementi, direzione, velocità e stile configurabili.
Guardalo dal vivo: Ticker su Ticker (si apre in una nuova scheda) Impostazioni del blocco Ticker nella documentazione
Twitter Feed Gratis
Un feed a rotazione dei tweet più recenti di un account, caricato al caricamento della pagina. Scegli l'account, quanti tweet mostrare e come impaginare il widget.
Guardalo dal vivo: Twitter Feed su Widget (si apre in una nuova scheda) Impostazioni del blocco Twitter Feed nella documentazione
Canvas
29 blocchi, elencati sotto Canvas nel selettore dei blocchi.
Alert Gratis
Box di avviso e notifica che usano l'alert di Bootstrap o il sistema style-msg di Canvas. Supporta varianti piene, con bordo ed estese, con icona opzionale e pulsante per chiudere.
Guardalo dal vivo: Alert su Box di stile (si apre in una nuova scheda) Impostazioni del blocco Alert nella documentazione
Pulsante Gratis
Pulsante completo con varianti di stile, dimensioni, forme, colori, icone, effetti hover e opzioni di ombra.
Guardalo dal vivo: Pulsante su Pulsanti (si apre in una nuova scheda) Impostazioni del blocco Pulsante nella documentazione
Code Highlight Incluso in ogni piano
Blocco di codice con evidenziazione della sintassi basato su Prism.js. Supporta oltre 15 linguaggi, con un pulsante opzionale per copiare negli appunti.
Guardalo dal vivo: Code Highlight su Evidenziatore di codice (si apre in una nuova scheda) Impostazioni del blocco Code Highlight nella documentazione
Counter Gratis
Contatore numerico animato con icona, prefisso/suffisso e didascalia.
Guardalo dal vivo: Counter su Contatori (si apre in una nuova scheda) Impostazioni del blocco Counter nella documentazione
Divider Gratis
Separatore orizzontale con icona opzionale, varianti di stile, allineamento, larghezze predefinite e supporto ai link di scorrimento.
Guardalo dal vivo: Divider su Separatori (si apre in una nuova scheda) Impostazioni del blocco Divider nella documentazione
Dropcap Gratis
Lettera iniziale decorativa con testo di paragrafo. Supporta le varianti con riquadro, con bordo, con cerchio e con cerchio e bordo, con posizionamento a sinistra o a destra.
Guardalo dal vivo: Dropcap su Titoli e capolettera (si apre in una nuova scheda) Impostazioni del blocco Dropcap nella documentazione
Heading Gratis
Titolo stilizzato con sottotitolo facoltativo. Supporta i tipi Heading Block, Title Block, Emphasis Title e Fancy Title.
Guardalo dal vivo: Heading su Titoli e capolettera (si apre in una nuova scheda) Impostazioni del blocco Heading nella documentazione
Highlight Gratis
Testo evidenziato con varianti di stile configurabili: evidenziatore, sottolineatura, gradiente, contorno e solo testo. Supporta testo opzionale prima e dopo il contenuto circostante e qualsiasi tag HTML a livello di blocco.
Icon Box Gratis
Box di funzionalità con icona, titolo e descrizione. Supporta più stili, dimensioni, layout ed effetti al passaggio del mouse per le icone.
Guardalo dal vivo: Icon Box su Riquadri in evidenza (si apre in una nuova scheda) Impostazioni del blocco Icon Box nella documentazione
Icon List Gratis
Icon list con elementi ripetibili. Ogni elemento ha un'icona (classe CSS), un'etichetta di testo e un link facoltativo. Supporta le varianti di dimensione default, large ed extra-large.
Guardalo dal vivo: Icon List su Elenchi con icone (si apre in una nuova scheda) Impostazioni del blocco Icon List nella documentazione
Login Form Incluso in ogni piano
Visualizza un modulo di accesso di WordPress con lo stile di Canvas. Mostra un messaggio di benvenuto agli utenti che hanno già effettuato l'accesso.
Guardalo dal vivo: Login Form su Accedi e registrati (si apre in una nuova scheda) Impostazioni del blocco Login Form nella documentazione
Notification Gratis
Visualizza una notifica toast attivata da un clic su un pulsante o automaticamente al caricamento della pagina.
Guardalo dal vivo: Notification su Notifiche (si apre in una nuova scheda) Impostazioni del blocco Notification nella documentazione
Page Title Breadcrumbs Gratis
Mostra un percorso di navigazione (Home > Genitore > Pagina corrente) per la pagina o l'articolo corrente.
Guardalo dal vivo: Page Title Breadcrumbs su Page Title Left Aligned Layout (si apre in una nuova scheda) Impostazioni del blocco Page Title Breadcrumbs nella documentazione
Page Title Heading Gratis
Mostra il titolo di pagina o articolo come intestazione. Supporta le modalità di origine dinamica (contesto) e statica (letterale).
Guardalo dal vivo: Page Title Heading su Page Title Left Aligned Layout (si apre in una nuova scheda) Impostazioni del blocco Page Title Heading nella documentazione
Page Title Subtitle Gratis
Mostra il sottotitolo della pagina. Legge i meta _canvas_page_subtitle in modalità dinamica oppure visualizza un testo personalizzato in modalità statica.
Guardalo dal vivo: Page Title Subtitle su Page Title Left Aligned Layout (si apre in una nuova scheda) Impostazioni del blocco Page Title Subtitle nella documentazione
Plain Image Gratis
Un elemento img essenziale (senza wrapper figure) con controllo preciso delle classi, link facoltativo e coppia srcset retina (2x) facoltativa.
Guardalo dal vivo: Plain Image su Separatori di forma (si apre in una nuova scheda) Impostazioni del blocco Plain Image nella documentazione
Portfolio Excerpt Incluso in ogni piano
Mostra un estratto ridotto per l'elemento del portfolio corrente.
Guardalo dal vivo: Portfolio Excerpt su Open Imagination (si apre in una nuova scheda) Impostazioni del blocco Portfolio Excerpt nella documentazione
Pricing Table Incluso in ogni piano
Scheda flessibile per i prezzi. Supporta layout predefinito, semplice, minimal ed esteso, con selettore dei prezzi, elenco delle funzionalità e pulsante CTA opzionali.
Guardalo dal vivo: Pricing Table su Prezzi (si apre in una nuova scheda) Impostazioni del blocco Pricing Table nella documentazione
Process Steps Gratis
Indicatori di passaggio numerati o con icone, collegati da linee di collegamento tratteggiate. Facoltativamente attiva i contenuti a schede di Bootstrap 5 con navigazione precedente/successivo.
Guardalo dal vivo: Process Steps su Process Steps (si apre in una nuova scheda) Impostazioni del blocco Process Steps nella documentazione
Progress Bar Gratis
Barra animata per competenze o avanzamento, con contatore percentuale, orientamento orizzontale o verticale e motivi a strisce Bootstrap.
Guardalo dal vivo: Progress Bar su Barre di avanzamento e competenze (si apre in una nuova scheda) Impostazioni del blocco Progress Bar nella documentazione
Promo Box Gratis
Riquadro promozionale con invito all'azione, con titolo, testo secondario e pulsante CTA. Supporta gli stili predefinito, con bordo, chiaro e scuro.
Guardalo dal vivo: Promo Box su Box promozionali (si apre in una nuova scheda) Impostazioni del blocco Promo Box nella documentazione
Citazione Gratis
Citazione con bordo predefinito, stile con icona di citazione e stile a fumetto. Supporta l'allineamento inverso, il piè di citazione e la personalizzazione facoltativa del colore di bordo e icona.
Guardalo dal vivo: Citazione su Citazioni e blockquote (si apre in una nuova scheda) Impostazioni del blocco Citazione nella documentazione
Leggi tutto Gratis
Area di contenuto richiudibile con un'animazione di espansione e chiusura, attivata da un link «Leggi di più».
Guardalo dal vivo: Leggi tutto su Leggi tutto (si apre in una nuova scheda) Impostazioni del blocco Leggi tutto nella documentazione
Register Form Incluso in ogni piano
Un modulo di registrazione utente con lo stile di Canvas. Richiede che la registrazione utenti sia attiva nelle impostazioni di WordPress.
Guardalo dal vivo: Register Form su Accedi e registrati (si apre in una nuova scheda) Impostazioni del blocco Register Form nella documentazione
Shape Divider Gratis
Separatore decorativo SVG per le transizioni tra le sezioni.
Guardalo dal vivo: Shape Divider su Separatori di forma (si apre in una nuova scheda) Impostazioni del blocco Shape Divider nella documentazione
Social Icons Gratis
Gruppo di link a icone social con animazione al passaggio del mouse, più stili, dimensioni e posizionamento sticky facoltativo.
Guardalo dal vivo: Social Icons su Social Icons (si apre in una nuova scheda) Impostazioni del blocco Social Icons nella documentazione
Stat List Gratis
Un elenco di cifre, ciascuna un valore in grassetto seguito da una breve etichetta, come anni di esperienza, lanci o premi.
Guardalo dal vivo: Stat List su Team (si apre in una nuova scheda) Impostazioni del blocco Stat List nella documentazione
Styled Icon Gratis
Icona singola con stile pieno, con bordo o semplice, varianti di forma, opzioni di colore e link facoltativo.
Guardalo dal vivo: Styled Icon su Icone con stile (si apre in una nuova scheda) Impostazioni del blocco Styled Icon nella documentazione
Team Member Gratis
Un membro del team con foto, nome, ruolo, biografia, link social e cifre, come scheda, riga di elenco, scheda con statistiche, scheda impilata o ritratto del leader.
Guardalo dal vivo: Team Member su Team (si apre in una nuova scheda) Impostazioni del blocco Team Member nella documentazione
Interattivi
25 blocchi, elencati in Interattivi nell'inseritore di blocchi.
Accordion Gratis
Impila pannelli con titolo che si aprono e si chiudono, così una lunga serie di domande o materiale di riferimento sta in una sola pagina e i visitatori espandono solo le parti che gli servono.
Guardalo dal vivo: Accordion su Toggles & Accordions (si apre in una nuova scheda) Impostazioni del blocco Accordion nella documentazione
AJAX Button Gratis
Pulsante che carica contenuti esterni via AJAX in un contenitore. Supporta le modalità di inserimento accoda, anteponi e sostituisci.
Guardalo dal vivo: AJAX Button su AJAX Button (si apre in una nuova scheda) Impostazioni del blocco AJAX Button nella documentazione
Carosello Gratis
Slider responsive owl-carousel con numero di elementi per ogni breakpoint, riproduzione automatica, frecce di navigazione, punti, lightbox e supporto al lazy-load.
Guardalo dal vivo: Carosello su Carosello (si apre in una nuova scheda) Impostazioni del blocco Carosello nella documentazione
Countdown Incluso in ogni piano
Timer a conto alla rovescia o di conteggio progressivo basato sul plugin jQuery countdown.
Guardalo dal vivo: Countdown su Contatori (si apre in una nuova scheda) Impostazioni del blocco Countdown nella documentazione
Flip Card Incluso in ogni piano
Una card 3D ribaltabile con fronte e retro, ciascuno con il proprio sfondo, che si ribalta al passaggio del mouse.
Guardalo dal vivo: Flip Card su Flip Cards (si apre in una nuova scheda) Impostazioni del blocco Flip Card nella documentazione
Galleria Gratis
Galleria di immagini con layout masonry, colonne configurabili, gestione degli spazi e lightbox opzionale.
Guardalo dal vivo: Galleria su Galleria (si apre in una nuova scheda) Impostazioni del blocco Galleria nella documentazione
Cookie Consent Gratis
Barra per il consenso ai cookie con una finestra modale per le preferenze sulla privacy e interruttori di consenso per singolo servizio.
Guardalo dal vivo: Cookie Consent su Layout GDPR 2 (si apre in una nuova scheda) Impostazioni del blocco Cookie Consent nella documentazione
Hover 3D Gratis
Card con un effetto di inclinazione 3D basato su prospettiva CSS al movimento del mouse, realizzato con il modulo JS del tema.
Image Compare Incluso in ogni piano
Cursore di confronto tra immagini prima/dopo con orientamento, offset, stile della maniglia ed etichette laterali configurabili.
Guardalo dal vivo: Image Compare su Image Compare (si apre in una nuova scheda) Impostazioni del blocco Image Compare nella documentazione
Image Hotspot Incluso in ogni piano
Immagine interattiva con pin hotspot posizionati che mostrano suggerimenti al passaggio del mouse o al clic.
Guardalo dal vivo: Image Hotspot su Hotspot delle immagini (si apre in una nuova scheda) Impostazioni del blocco Image Hotspot nella documentazione
Image Slider Incluso in ogni piano
Slider di immagini basato su FlexSlider, con animazione a scorrimento o dissolvenza, riproduzione automatica, frecce, puntini, navigazione con miniature e supporto allo scorrimento tattile.
Guardalo dal vivo: Image Slider su Slider di immagini (si apre in una nuova scheda) Impostazioni del blocco Image Slider nella documentazione
Modal Incluso in ogni piano
Apri una finestra modale o un popup da un pulsante o un link, oppure aprila automaticamente al caricamento della pagina.
Guardalo dal vivo: Modal su Modal e popover (si apre in una nuova scheda) Impostazioni del blocco Modal nella documentazione
Nav Gratis
Una barra di navigazione a schede, pillole o sottolineatura, con stati attivo e disabilitato e menu a tendina a un livello.
Guardalo dal vivo: Nav su Navigazione (si apre in una nuova scheda) Impostazioni del blocco Nav nella documentazione
Off-Canvas Gratis
Un pannello off-canvas scorrevole di Bootstrap 5 (inizio / fine / alto / basso), aperto da un pulsante o da un link.
Guardalo dal vivo: Off-Canvas su Bootstrap Off-Canvas (si apre in una nuova scheda) Impostazioni del blocco Off-Canvas nella documentazione
Pagination Gratis
Una riga di paginazione in stile cerchio, arrotondato, pillola, 3D, trasparente o pulsante, in tre dimensioni e con qualsiasi allineamento.
Guardalo dal vivo: Pagination su Paginazioni e barre di avanzamento (si apre in una nuova scheda) Impostazioni del blocco Pagination nella documentazione
Parallax Image Incluso in ogni piano
Sezione a tutta larghezza con effetto parallax, overlay e contenuto opzionali.
Guardalo dal vivo: Parallax Image su Elementi parallax (si apre in una nuova scheda) Impostazioni del blocco Parallax Image nella documentazione
Scroll Reveal Incluso in ogni piano
Fai comparire i contenuti con un'animazione mentre scorri la pagina verso il basso.
Slider Incluso in ogni piano
Inserisci uno slider Canvas in qualsiasi punto del sito selezionandolo. Slide, effetti, navigazione e altezza si configurano direttamente nello slider.
Guardalo dal vivo: Slider su Casa, arredamento e decorazione d'interni (si apre in una nuova scheda) Impostazioni del blocco Slider nella documentazione
Tab Strip Gratis
Una barra di schede i cui pannelli sono blocchi normali posizionati altrove nella pagina.
Guardalo dal vivo: Tab Strip su Profilo utente (si apre in una nuova scheda) Impostazioni del blocco Tab Strip nella documentazione
Schede Gratis
Dividi i contenuti correlati in schede con etichetta, così i visitatori leggono una sezione alla volta, e una lunga pagina di confronto o di specifiche resta abbastanza breve da essere scansionata.
Guardalo dal vivo: Schede su Schede (si apre in una nuova scheda) Impostazioni del blocco Schede nella documentazione
Text Fill Scroll Incluso in ogni piano
Riempie progressivamente il colore del testo man mano che l'elemento scorre nella vista.
Impostazioni del blocco Text Fill Scroll nella documentazione
Text Rotator Gratis
Testo animato che ruota o si digita, all'interno di un elemento di intestazione.
Guardalo dal vivo: Text Rotator su Titoli e capolettera (si apre in una nuova scheda) Impostazioni del blocco Text Rotator nella documentazione
Toggle Gratis
Nascondi un contenuto dietro un titolo che il visitatore clicca per mostrarlo, per una risposta lunga o un insieme di termini che non dovrebbero occupare la pagina per impostazione predefinita.
Guardalo dal vivo: Toggle su Toggles & Accordions (si apre in una nuova scheda) Impostazioni del blocco Toggle nella documentazione
Video Facade Gratis
Incorporamento video con caricamento differito, dietro una miniatura; l'iframe si carica solo al clic, per pagine più veloci.
YouTube Background Gratis
Video YouTube in riproduzione come sfondo ambientale senza audio, dietro al contenuto in overlay.
Guardalo dal vivo: YouTube Background su Evento singolo | Video a larghezza piena (si apre in una nuova scheda) Impostazioni del blocco YouTube Background nella documentazione
WooCommerce
24 blocchi, elencati in WooCommerce nell'inseritore di blocchi.
Conference Tickets Incluso in ogni piano
Box di prezzo per una categoria di prodotti biglietto, ciascuno con un menu a discesa per la quantità e un link aggiungi al carrello in tempo reale.
Guardalo dal vivo: Conference Tickets su Biglietti (si apre in una nuova scheda) Impostazioni del blocco Conference Tickets nella documentazione
Store Price Filter Incluso in ogni piano
Un controllo con doppio cursore per l'intervallo di prezzo che filtra direttamente la griglia dei prodotti.
Guardalo dal vivo: Store Price Filter su Negozio con filtri (si apre in una nuova scheda) Impostazioni del blocco Store Price Filter nella documentazione
Wishlist Gratis
I prodotti salvati da un acquirente, con prezzo, disponibilità e un pulsante Aggiungi al carrello. Inseriscilo nella pagina scelta in Opzioni del tema, Wishlist.
Wishlist Button Gratis
Salva il prodotto corrente nella lista dei desideri dell'acquirente. Usalo nei template di prodotto e nelle card di prodotto.
Impostazioni del blocco Wishlist Button nella documentazione
Aggiungi al carrello Incluso in ogni piano
Visualizza il modulo Aggiungi al carrello di WooCommerce per il prodotto corrente, con campo quantità facoltativo.
Guardalo dal vivo: Aggiungi al carrello su Checked Short Dress (si apre in una nuova scheda) Impostazioni del blocco Aggiungi al carrello nella documentazione
Cart Table Incluso in ogni piano
Mostra la tabella del carrello WooCommerce con articoli, quantità e totali.
Guardalo dal vivo: Cart Table su Carrello (si apre in una nuova scheda) Impostazioni del blocco Cart Table nella documentazione
Cart Totals Incluso in ogni piano
Mostra il pannello dei totali del carrello WooCommerce, con subtotale, spedizione e pulsante per procedere al pagamento.
Guardalo dal vivo: Cart Totals su Carrello (si apre in una nuova scheda) Impostazioni del blocco Cart Totals nella documentazione
Checkout Billing Incluso in ogni piano
Mostra il modulo per l'indirizzo di fatturazione del checkout di WooCommerce.
Impostazioni del blocco Checkout Billing nella documentazione
Checkout Order Review Incluso in ogni piano
Mostra il riepilogo dell'ordine del checkout WooCommerce con le singole voci e i totali.
Impostazioni del blocco Checkout Order Review nella documentazione
Cross-Sells Incluso in ogni piano
Mostra i prodotti di cross-sell dal carrello WooCommerce attuale. Viene visualizzato solo quando il carrello è attivo e contiene prodotti di cross-sell.
Guardalo dal vivo: Cross-Sells su Carrello (si apre in una nuova scheda) Impostazioni del blocco Cross-Sells nella documentazione
WooCommerce Notices Incluso in ogni piano
Mostra gli avvisi di WooCommerce: errori, messaggi di successo o avvisi informativi.
Guardalo dal vivo: WooCommerce Notices su Carrello (si apre in una nuova scheda) Impostazioni del blocco WooCommerce Notices nella documentazione
Product Carousel Incluso in ogni piano
Mostra i prodotti WooCommerce in un carosello owl scorrevole. Supporta riproduzione automatica, frecce di navigazione, indicatori a pallino e breakpoint responsive.
Guardalo dal vivo: Product Carousel su Carosello (si apre in una nuova scheda) Impostazioni del blocco Product Carousel nella documentazione
Product Categories Incluso in ogni piano
Visualizza le categorie di prodotti WooCommerce come una griglia di card responsive con miniature, nomi e numero di prodotti.
Guardalo dal vivo: Product Categories su T-shirt girocollo blu (si apre in una nuova scheda) Impostazioni del blocco Product Categories nella documentazione
Product Gallery Linker Incluso in ogni piano
Una striscia di miniature che sposta il carosello della galleria prodotto sull'immagine su cui fai clic.
Guardalo dal vivo: Product Gallery Linker su Occhiali da sole Aviator da uomo (si apre in una nuova scheda) Impostazioni del blocco Product Gallery Linker nella documentazione
Product Images Incluso in ogni piano
Mostra l'immagine in evidenza del prodotto WooCommerce e le miniature facoltative della galleria.
Guardalo dal vivo: Product Images su Checked Short Dress (si apre in una nuova scheda) Impostazioni del blocco Product Images nella documentazione
Product Meta Incluso in ogni piano
Mostra la scheda dei metadati del prodotto: SKU, categorie e tag.
Guardalo dal vivo: Product Meta su Checked Short Dress (si apre in una nuova scheda) Impostazioni del blocco Product Meta nella documentazione
Product Price Incluso in ogni piano
Mostra il prezzo del prodotto WooCommerce, incluso il prezzo scontato e la formattazione della valuta.
Guardalo dal vivo: Product Price su Checked Short Dress (si apre in una nuova scheda) Impostazioni del blocco Product Price nella documentazione
Product Rating Incluso in ogni piano
Visualizza la valutazione a stelle e, se lo desideri, il numero di recensioni del prodotto WooCommerce attuale.
Guardalo dal vivo: Product Rating su Checked Short Dress (si apre in una nuova scheda) Impostazioni del blocco Product Rating nella documentazione
Product Share Incluso in ogni piano
Mostra la scheda «Condividi:» con i link alle condivisioni sui social per il prodotto WooCommerce corrente.
Guardalo dal vivo: Product Share su Checked Short Dress (si apre in una nuova scheda) Impostazioni del blocco Product Share nella documentazione
Product Short Description Incluso in ogni piano
Mostra la breve descrizione del prodotto con la formattazione dei paragrafi intatta.
Guardalo dal vivo: Product Short Description su Checked Short Dress (si apre in una nuova scheda) Impostazioni del blocco Product Short Description nella documentazione
Product Tabs Incluso in ogni piano
Mostra le schede dei dati del prodotto WooCommerce: Descrizione, Informazioni aggiuntive e Recensioni.
Guardalo dal vivo: Product Tabs su Checked Short Dress (si apre in una nuova scheda) Impostazioni del blocco Product Tabs nella documentazione
Prodotti Incluso in ogni piano
Mostra i prodotti WooCommerce in una griglia o in un elenco. Filtra per origine, categoria, tag e ordinamento.
Guardalo dal vivo: Prodotti su Prodotti (si apre in una nuova scheda) Impostazioni del blocco Prodotti nella documentazione
Related Products Incluso in ogni piano
Mostra una griglia di prodotti WooCommerce correlati al prodotto corrente. Viene visualizzato solo nei template di prodotto singolo.
Guardalo dal vivo: Related Products su Checked Short Dress (si apre in una nuova scheda) Impostazioni del blocco Related Products nella documentazione
Variation Swatches Incluso in ogni piano
Pallini colore o pulsanti a pillola che scelgono la variante di un prodotto variabile.
Guardalo dal vivo: Variation Swatches su Abito rosa stampato (si apre in una nuova scheda) Impostazioni del blocco Variation Swatches nella documentazione
Header
22 blocchi, elencati nella categoria Header dell'inseritore di blocchi.
App Menu Gratis
Una barra di navigazione in stile app, fissata in fondo allo schermo sui dispositivi piccoli.
Guardalo dal vivo: App Menu su Menu - Stile App 1 (si apre in una nuova scheda) Impostazioni del blocco App Menu nella documentazione
Color Scheme Toggle Gratis
Il selettore della modalità scura per i visitatori. Viene mostrato sul sito quando in Opzioni del tema > Color Scheme > Dark Mode è attiva l'opzione Dark Mode Switch, con un posizionamento che include l'header.
Impostazioni del blocco Color Scheme Toggle nella documentazione
Header Button Gratis
Un pulsante o link call to action per un header creato con il generatore, con lo stile delle classi pulsante del tema.
Guardalo dal vivo: Header Button su Home (si apre in una nuova scheda) Impostazioni del blocco Header Button nella documentazione
Header Cart Gratis
Icona del mini-carrello WooCommerce + menu a tendina per un header costruito. Non viene visualizzato nulla quando WooCommerce è inattivo.
Guardalo dal vivo: Header Cart su Home (si apre in una nuova scheda) Impostazioni del blocco Header Cart nella documentazione
Header Container Gratis
La radice di un header costruito: trascina al suo interno un Logo, una Navigazione e altre parti dell'header.
Guardalo dal vivo: Header Container su Ristorante italiano (si apre in una nuova scheda) Impostazioni del blocco Header Container nella documentazione
Header Icon Link Gratis
Un singolo link con sola icona per un header creato, che include lista dei desideri, account, utente, apertura del carrello e finestra modale di accesso, usando il markup .header-misc-icon.
Guardalo dal vivo: Header Icon Link su Header SaaS (si apre in una nuova scheda) Impostazioni del blocco Header Icon Link nella documentazione
Header Info Gratis
Un piccolo elemento inline di informazioni o contatti (telefono, email, orari o testo) con icona e link facoltativi, da usare in un header creato.
Guardalo dal vivo: Header Info su Menu - Stile 7 (si apre in una nuova scheda) Impostazioni del blocco Header Info nella documentazione
Header Logo Gratis
Il logo del sito per un header creato. Usa il Logo del sito dalle Opzioni del tema per impostazione predefinita, oppure un'immagine scelta che lo sostituisce.
Guardalo dal vivo: Header Logo su Ristorante italiano (si apre in una nuova scheda) Impostazioni del blocco Header Logo nella documentazione
Header Navigation Gratis
Il menu di navigazione principale per un header creato. Scegli un menu e l'allineamento.
Guardalo dal vivo: Header Navigation su Ristorante italiano (si apre in una nuova scheda) Impostazioni del blocco Header Navigation nella documentazione
Header Root Gratis
L'elemento più esterno di un header costruito: contiene le classi di variante e gli attributi data-sticky-* letti dallo script sticky dell'header del tema. Inserisci al suo interno il gruppo #header-wrap (e qualsiasi altro contenuto dell'header).
Guardalo dal vivo: Header Root su Home (si apre in una nuova scheda) Impostazioni del blocco Header Root nella documentazione
Ricerca nell'header Gratis
Il toggle della ricerca nell'header. Genera il trigger #top-search a cui è collegato il menu a tendina di ricerca del tema.
Guardalo dal vivo: Ricerca nell'header su Home (si apre in una nuova scheda) Impostazioni del blocco Ricerca nell'header nella documentazione
Ricerca nell'header del negozio Gratis
Un campo di ricerca prodotti sempre visibile per una riga dell'header: l'alternativa per store e directory al pulsante di attivazione della ricerca nell'header. Scegli un campo semplice con un'icona fissa oppure un gruppo di input con un pulsante di invio.
Guardalo dal vivo: Ricerca nell'header del negozio su Directory degli header (si apre in una nuova scheda) Impostazioni del blocco Ricerca nell'header del negozio nella documentazione
Header Side Panel Trigger Gratis
L'icona nell'header che apre il pannello laterale. Compare solo quando il Pannello laterale è attivato nelle Opzioni del tema.
Impostazioni del blocco Header Side Panel Trigger nella documentazione
Header Social Gratis
Una riga di link con icone social e di contatto per un header creato, con il markup e lo stile di top-social.
Guardalo dal vivo: Header Social su Negozio online di moda - Barra laterale del negozio (si apre in una nuova scheda) Impostazioni del blocco Header Social nella documentazione
Header Topbar Gratis
La sottile barra di utilità sopra un header già creato (#top-bar): inserisci al suo interno Top Links, Header Social, Header Info o un Language Switcher.
Header Wishlist Gratis
Un cuore nell'header che rimanda alla wishlist e mostra quanti prodotti sono stati salvati.
Impostazioni del blocco Header Wishlist nella documentazione
Header Zone Gratis
Una posizione di allineamento all'interno di una riga Header Container: inserisci un Logo, una navigazione o un piccolo gruppo di parti dell'header, poi usa i campi di allineamento, ordine e visibilità per posizionarlo.
Guardalo dal vivo: Header Zone su Ristorante italiano (si apre in una nuova scheda) Impostazioni del blocco Header Zone nella documentazione
Icon Nav List Gratis
Un elenco verticale di icon-link basato su Bootstrap .nav (nav-item > nav-link > icona + testo), usato dai pannelli di menu off-canvas.
Guardalo dal vivo: Icon Nav List su Profilo utente (si apre in una nuova scheda) Impostazioni del blocco Icon Nav List nella documentazione
Language Switcher Gratis
Un menu a tendina compatto per le lingue, per un header costruito: mostra la lingua corrente ed elenca le altre, usando il markup primary-menu with-arrows.
Impostazioni del blocco Language Switcher nella documentazione
Mega Menu Column Incluso in ogni piano
Una singola colonna di mega menu (.mega-menu-column): un titolo e un elenco di link, link semplici oppure contenuto libero di widget. Inseriscine una o più in un blocco Row come contenuto del tuo Mega menu (Aspetto > Menu > Mega menu controlla ancora il tipo e lo stile del pannello esterno).
Guardalo dal vivo: Mega Menu Column su Mega menu (si apre in una nuova scheda) Impostazioni del blocco Mega Menu Column nella documentazione
Page Menu Gratis
Una barra di navigazione delle pagine sub-header con varianti sticky e side-dots: scorrimento con ancore sulla stessa pagina oppure link semplici. Usane solo una per pagina.
Guardalo dal vivo: Page Menu su Pagina con sottomenu (si apre in una nuova scheda) Impostazioni del blocco Page Menu nella documentazione
Top Links Gratis
Il menu dei link della barra superiore con un menu a discesa opzionale a un solo livello, usando il markup e lo stile di .top-links.
Guardalo dal vivo: Top Links su Negozio online di moda - Barra laterale del negozio (si apre in una nuova scheda) Impostazioni del blocco Top Links nella documentazione
Layout
19 blocchi, elencati sotto Layout nell'inseritore di blocchi.
Colonna Gratis
Una colonna di griglia reattiva (.col-*). Imposta le larghezze per ciascun breakpoint e inserisci qualsiasi contenuto al suo interno.
Guardalo dal vivo: Colonna su Colonne e griglie (si apre in una nuova scheda) Impostazioni del blocco Colonna nella documentazione
Container Gratis
Un contenitore .container reattivo. Inseriscici righe e colonne per creare la struttura delle sezioni.
Copyrights Gratis
Un elemento della barra copyright nel footer: la riga del copyright con i suoi link, oppure il menu di link in linea. Inserisci la variante Copyrights Bar di Wrapper per averli entrambi affiancati.
Guardalo dal vivo: Copyrights su Footer - Layout 2 (si apre in una nuova scheda) Impostazioni del blocco Copyrights nella documentazione
Footer About Gratis
Una colonna "About" per il footer con logo, descrizione e indirizzo facoltativo, che usa il markup .footer-logo.
Guardalo dal vivo: Footer About su Footer - Layout 2 (si apre in una nuova scheda) Impostazioni del blocco Footer About nella documentazione
Footer Contacts Gratis
Righe di contatto grandi con etichetta/valore che usano il markup e lo stile .footer-big-contacts.
Guardalo dal vivo: Footer Contacts su Footer - Layout 3 (si apre in una nuova scheda) Impostazioni del blocco Footer Contacts nella documentazione
Footer Instagram Gratis
Widget footer Instagram / flusso di foto: una griglia masonry di immagini con link facoltativi, realizzata con il markup .masonry-thumbs.
Guardalo dal vivo: Footer Instagram su Footer - Layout 4 (si apre in una nuova scheda) Impostazioni del blocco Footer Instagram nella documentazione
Footer Widget Area Gratis
Il contenitore principale di una riga di widget del footer: trascina al suo interno i blocchi Footer About, Widget Links, Footer Contacts, Subscribe o Footer Instagram.
Guardalo dal vivo: Footer Widget Area su Footer - Layout 2 (si apre in una nuova scheda) Impostazioni del blocco Footer Widget Area nella documentazione
Grid Filter Incluso in ogni piano
Barra dei filtri per categoria (.grid-filter) che controlla le griglie filtrabili con Isotope. Gli elementi possono provenire da una tassonomia o da un elenco manuale.
Guardalo dal vivo: Grid Filter su Stili del filtro Portfolio (si apre in una nuova scheda) Impostazioni del blocco Grid Filter nella documentazione
Hero Gratis
Visualizza l'hero assegnato da ogni pagina nel suo pannello Hero, oppure un hero a tua scelta. Componi gli hero in Canvas → Heroes.
Guardalo dal vivo: Hero su Sezioni (si apre in una nuova scheda) Impostazioni del blocco Hero nella documentazione
Image Element Gratis
Un'immagine semplice, senza figura né didascalia, per loghi e badge che stanno in linea accanto ad altri contenuti.
Guardalo dal vivo: Image Element su Home (si apre in una nuova scheda) Impostazioni del blocco Image Element nella documentazione
Inline Contact Gratis
Una riga in linea di voci di contatto con icona e testo (email, telefono, Skype ecc.) separate da punti medi: la riga dei contatti nella barra #copyrights.
Guardalo dal vivo: Inline Contact su Contatti (si apre in una nuova scheda) Impostazioni del blocco Inline Contact nella documentazione
Inline Text Gratis
Una sequenza di testo che sta direttamente dentro il suo contenitore, senza un paragrafo o uno span proprio. Solo elementi inline.
Guardalo dal vivo: Inline Text su Layout a larghezza piena (si apre in una nuova scheda) Impostazioni del blocco Inline Text nella documentazione
Line Break Gratis
Interruzione di riga singola usata come spaziatura. Aggiungi classi responsive nel pannello Avanzate per interrompere la riga solo su alcune dimensioni dello schermo.
Guardalo dal vivo: Line Break su Parallasse al passaggio del mouse (si apre in una nuova scheda) Impostazioni del blocco Line Break nella documentazione
Titolo della pagina Gratis
Visualizza la fascia del titolo che ogni pagina mostra sotto il proprio header, come impostata nel pannello Titolo della pagina di quella pagina e in Opzioni del tema. La fascia stessa è la parte di template Titolo della pagina.
Guardalo dal vivo: Titolo della pagina su Page Title Left Aligned Layout (si apre in una nuova scheda) Impostazioni del blocco Titolo della pagina nella documentazione
Quantity Input Gratis
Uno stepper .quantity: un campo numerico affiancato dai pulsanti meno e più. Statico e indipendente dal prodotto, da abbinare a un pulsante per una riga «Aggiungi al carrello».
Guardalo dal vivo: Quantity Input su Quantità nel carrello (si apre in una nuova scheda) Impostazioni del blocco Quantity Input nella documentazione
Row Gratis
Una riga della griglia. Inserisci dentro i blocchi Canvas Column per disporre i contenuti in una griglia reattiva.
Guardalo dal vivo: Row su Colonne e griglie (si apre in una nuova scheda) Impostazioni del blocco Row nella documentazione
Page Slider Gratis
Visualizza lo slider assegnato da ogni pagina nel suo pannello Slider, oppure uno slider che scegli tu. Slide, effetti e altezza si configurano sullo slider stesso.
Guardalo dal vivo: Page Slider su Canvas Slider (si apre in una nuova scheda) Impostazioni del blocco Page Slider nella documentazione
Widget Links Gratis
Una colonna footer con elenco di link che usa il markup e lo stile di .widget_links.
Guardalo dal vivo: Widget Links su Widget (si apre in una nuova scheda) Impostazioni del blocco Widget Links nella documentazione
Wrapper Gratis
Un elemento HTML essenziale che include solo le classi che gli assegni e contiene altri blocchi. Usalo quando un design richiede un wrapper esatto senza classi aggiuntive dell'editor.
Guardalo dal vivo: Wrapper su Sezioni (si apre in una nuova scheda) Impostazioni del blocco Wrapper nella documentazione
Eventi
16 blocchi, elencati in Eventi nell'inseritore di blocchi.
Programma della conferenza Incluso in ogni piano
Agenda delle sessioni a schede per giorno, oppure una fila di card degli eventi in arrivo, create a partire dai record degli eventi.
Guardalo dal vivo: Programma della conferenza su Conferenza di sviluppo Canvas (si apre in una nuova scheda) Impostazioni del blocco Programma della conferenza nella documentazione
Event Archive Grid Incluso in ogni piano
Griglia eventi per la query principale (archivio e categoria). Usa il partial event-entry-grid e la paginazione condivisa.
Guardalo dal vivo: Event Archive Grid su Eventi (si apre in una nuova scheda) Impostazioni del blocco Event Archive Grid nella documentazione
Event Categories Incluso in ogni piano
Mostra le categorie assegnate all'evento corrente. Supporta gli stili testo, badge e pill. Viene visualizzato solo nel post type canvas_event.
Impostazioni del blocco Event Categories nella documentazione
Event Content Incluso in ogni piano
Mostra l'intero contenuto dell'evento corrente tramite il filtro the_content. Viene visualizzato solo nel tipo di post canvas_event.
Guardalo dal vivo: Event Content su Event Single (si apre in una nuova scheda) Impostazioni del blocco Event Content nella documentazione
Event Date Incluso in ogni piano
Mostra le date di inizio e di fine dell'evento, con ora e icona del calendario opzionali. Viene visualizzato solo nel tipo di post canvas_event.
Event Excerpt Incluso in ogni piano
Mostra un estratto breve dell'evento corrente.
Event Image Incluso in ogni piano
Mostra l'immagine in evidenza dell'evento corrente. Viene visualizzato solo sul tipo di post canvas_event.
Guardalo dal vivo: Event Image su Event Single (si apre in una nuova scheda) Impostazioni del blocco Event Image nella documentazione
Event Location Incluso in ogni piano
Mostra il nome e l'indirizzo della sede dell'evento, con un link facoltativo a Google Maps e un'icona di posizione. Viene visualizzato solo nel tipo di post canvas_event.
Event Meta Incluso in ogni piano
Mostra i metadati dell'evento: data, luogo, organizzatore e prezzo. Ogni campo può essere attivato o disattivato in modo indipendente. Viene visualizzato solo nel tipo di post canvas_event.
Guardalo dal vivo: Event Meta su Evento singolo | Entrambe le barre laterali (si apre in una nuova scheda) Impostazioni del blocco Event Meta nella documentazione
Event Navigation Incluso in ogni piano
Visualizza i link di navigazione tra eventi precedenti e successivi, con etichette configurabili e miniature facoltative. Viene mostrato solo per il tipo di post canvas_event.
Guardalo dal vivo: Event Navigation su Evento singolo | Entrambe le barre laterali (si apre in una nuova scheda) Impostazioni del blocco Event Navigation nella documentazione
Event Organizer Incluso in ogni piano
Mostra l'organizzatore dell'evento con un link facoltativo al suo sito e un'icona di persona. Viene visualizzato solo nel tipo di post canvas_event.
Impostazioni del blocco Event Organizer nella documentazione
Event Posts Incluso in ogni piano
Interroga e visualizza i post canvas_event in una griglia di card reattiva. Supporta il filtro per eventi imminenti, passati o tutti. Può essere inserito in qualsiasi pagina.
Guardalo dal vivo: Event Posts su Elenco eventi (si apre in una nuova scheda) Impostazioni del blocco Event Posts nella documentazione
Event Price Incluso in ogni piano
Mostra il prezzo dell'evento oppure un'etichetta gratuita personalizzabile quando non è impostato alcun prezzo. Supporta gli stili testo e badge. Viene visualizzato solo nel tipo di post canvas_event.
Related Events Incluso in ogni piano
Mostra una griglia di eventi correlati in base alle categorie in comune. Viene visualizzato solo sul tipo di post canvas_event.
Guardalo dal vivo: Related Events su Spring Music Fest (si apre in una nuova scheda) Impostazioni del blocco Related Events nella documentazione
Event Title Incluso in ogni piano
Mostra il titolo dell'evento corrente all'interno di un tag di intestazione configurabile, con un link permalink facoltativo. Viene mostrato solo nel tipo di post canvas_event.
Events Calendar Incluso in ogni piano
Un calendario mensile dei tuoi eventi, con i controlli precedente / successivo / oggi. Ogni giorno è collegato agli eventi in programma in quella data.
Guardalo dal vivo: Events Calendar su Events Calendar (si apre in una nuova scheda) Impostazioni del blocco Events Calendar nella documentazione
Portfolio
8 blocchi, elencati sotto Portfolio nell'inseritore di blocchi.
Portfolio Archive Grid Incluso in ogni piano
Griglia del portfolio per la query principale (archivio + categoria). Usa il partial portfolio-entry-grid e la griglia overlay #portfolio.
Guardalo dal vivo: Portfolio Archive Grid su Portfolio (si apre in una nuova scheda) Impostazioni del blocco Portfolio Archive Grid nella documentazione
Portfolio Categories Incluso in ogni piano
Mostra le categorie tassonomiche assegnate al progetto portfolio corrente. Usalo all'interno dei template singoli del portfolio.
Guardalo dal vivo: Portfolio Categories su Meridian Brand Identity (si apre in una nuova scheda) Impostazioni del blocco Portfolio Categories nella documentazione
Portfolio Content Incluso in ogni piano
Mostra il contenuto completo del progetto portfolio corrente. Usalo nei template singoli del portfolio.
Guardalo dal vivo: Portfolio Content su Open Imagination (si apre in una nuova scheda) Impostazioni del blocco Portfolio Content nella documentazione
Portfolio Image Incluso in ogni piano
Mostra l'area multimediale del progetto portfolio corrente: immagine in evidenza, slider della galleria, video del progetto o griglia di miniature. Inseriscilo nei template singoli del portfolio.
Guardalo dal vivo: Portfolio Image su Open Imagination (si apre in una nuova scheda) Impostazioni del blocco Portfolio Image nella documentazione
Portfolio Meta Incluso in ogni piano
Mostra i dettagli del progetto del portfolio: cliente, data, competenze e URL. Usalo all'interno dei template singoli del portfolio.
Guardalo dal vivo: Portfolio Meta su Open Imagination (si apre in una nuova scheda) Impostazioni del blocco Portfolio Meta nella documentazione
Portfolio Navigation Incluso in ogni piano
Mostra i link di navigazione al progetto del portfolio precedente e successivo. Usalo all'interno dei template per il singolo elemento del portfolio.
Guardalo dal vivo: Portfolio Navigation su Open Imagination (si apre in una nuova scheda) Impostazioni del blocco Portfolio Navigation nella documentazione
Portfolio Related Incluso in ogni piano
Mostra i progetti portfolio correlati in base alle categorie condivise. Usalo all'interno dei template di singolo portfolio.
Guardalo dal vivo: Portfolio Related su Open Imagination (si apre in una nuova scheda) Impostazioni del blocco Portfolio Related nella documentazione
Portfolio Title Incluso in ogni piano
Mostra il titolo del progetto portfolio corrente. Usalo all'interno dei template singoli del portfolio.
Guardalo dal vivo: Portfolio Title su Meridian Brand Identity (si apre in una nuova scheda) Impostazioni del blocco Portfolio Title nella documentazione
Form
5 blocchi, elencati in Moduli nell'inseritore di blocchi.
Form Incluso in ogni piano
Un modulo funzionante. Inserisci al suo interno i blocchi Form Field e Form Submit: gli invii vengono convalidati, salvati e inviati via email.
Guardalo dal vivo: Form su Stili dei form (si apre in una nuova scheda) Impostazioni del blocco Form nella documentazione
Form Embed Incluso in ogni piano
Inserisci un modulo Canvas in qualsiasi punto del sito selezionandone il Form ID.
Guardalo dal vivo: Form Embed su Indice del negozio (si apre in una nuova scheda) Impostazioni del blocco Form Embed nella documentazione
Form Field Incluso in ogni piano
Un singolo campo di input per moduli. Da usare all'interno di un Canvas Form per raccogliere i dati inseriti dagli utenti.
Guardalo dal vivo: Form Field su Elementi del form (si apre in una nuova scheda) Impostazioni del blocco Form Field nella documentazione
Form Submit Button Incluso in ogni piano
Il pulsante di invio di un modulo Canvas. Supporta varianti di stile, dimensioni, modalità a larghezza intera e un'icona.
Guardalo dal vivo: Form Submit Button su Stili dei form (si apre in una nuova scheda) Impostazioni del blocco Form Submit Button nella documentazione
Quick Contact Incluso in ogni piano
Un widget compatto di modulo di contatto «Quick Quotation» (nome / email / messaggio), con lo stile del CSS dei moduli di Canvas.
Guardalo dal vivo: Quick Contact su Widget (si apre in una nuova scheda) Impostazioni del blocco Quick Contact nella documentazione
105 blocchi che arrivano con il loro demo
Alcuni design richiedono un blocco che ha senso solo all'interno di quel design. Questi blocchi sono sempre registrati, così un demo che hai importato continua a essere visualizzato per sempre, ma restano fuori dall'inseritore di blocchi sui siti che non li hanno mai richiesti.
Post 72
Academic Posts, Album Tiles, Architecture Projects, Architecture Team, Arrangement Gallery, Artist Bubbles, Bakery Menu, Barber Items e altri 64.
Vedi tutti i 72 blocchi Posts
WooCommerce 10
Merch del canale, Pass per eventi, Parte del carrello moda, Parte del prodotto moda, Prodotti moda, Prodotti attrezzatura, Stampe dell'illustratore, Selezioni lifestyle, Prodotti del negozio, Prodotti e-commerce.
Contenuto 7
Schede articolo, Calcolatore finanziario, Discussione del forum, Membri del forum, Argomenti del forum, Categorie di ricette, Calcolatore di affitto.
Interattivi 6
Audio Player Bar, Configurator Option, Domain Search, Host Price, Host Slider, Play Track Button.
Canvas 4
FAQ odontoiatrica, Sfondo a griglia di puntini, Feed delle transazioni in tempo reale, Carta virtuale.
Header 3
Menu a tendina dell'header del forum, Overlay di ricerca del forum, Menu del fotografo.
Portfolio 3
Lavori di motion design, Griglia del portfolio, Lavori del videografo.

Opzioni del tema elenca ogni blocco registrato da Canvas, compresi quelli legati ai Demo, ciascuno con un interruttore che lo rimuove dall'inseritore di blocchi e ne interrompe il caricamento delle risorse front-end.
Importa un demo e i suoi blocchi compaiono nelle pagine che ha creato, completamente modificabili, con gli stessi pannelli di impostazioni di ogni altro blocco Canvas. Se annulli l'importazione del demo, i blocchi vengono rimossi insieme ad esso.
Ogni blocco ha questi elementi
Sette impostazioni sono presenti su ogni blocco registrato da Canvas, e le prime quattro sono presenti anche sui blocchi core e di terze parti, perché vengono aggiunte all'editor e non ai nostri blocchi.

La barra laterale del blocco selezionato. Tutto ciò che un visitatore vede è un controllo qui, ed è per questo che non c'è una vista del codice da aprire.
Animazione
Anima un blocco mentre entra nell'area visibile, con velocità, ritardo e un'animazione di uscita facoltativa. Le animazioni tengono conto della preferenza di movimento ridotto del visitatore.
CSS personalizzato
Scrivi CSS per una singola istanza di blocco quando un controllo core non permette di ottenere ciò che vuoi. Il CSS è limitato a quel blocco e filtrato prima di raggiungere la pagina.
Attributi personalizzati
Aggiungi attributi data o attributi ARIA all'elemento radice di un blocco dalla barra laterale, così uno script di terze parti o un test harness può trovarlo.
Condizioni di visualizzazione
Mostra o nascondi un blocco in base allo stato di accesso, al ruolo utente, alle dimensioni del dispositivo o al valore di un'opzione in Opzioni del tema, così una stessa pagina può servire più pubblici.
Impostazioni predefinite dei blocchi
Configura un blocco come preferisci una volta sola, poi salva queste impostazioni come predefinite per ogni blocco che inserirai in seguito su questo sito.
Preset di stile globali
Salva uno stile con un nome e applicalo ai blocchi in qualsiasi punto del sito. Se modifichi il preset in seguito, ogni blocco che lo usa cambia di conseguenza.
Caricamento delle risorse per blocco
Una pagina carica solo il CSS e il JavaScript dei blocchi che effettivamente visualizza, quindi una pagina senza slider non scarica mai lo script dello slider.
183 pattern di blocchi
Un pattern inserisce una sezione completa nella pagina come blocchi normali che poi modifichi. Al suo interno non c'è HTML grezzo, quindi ogni titolo, immagine, icona e link resta un controllo nella barra laterale.
I pattern sono raggruppati in 17 categorie nel selettore dei blocchi:
I pattern sono etichettati invece che bloccati: un pattern premium resta visibile nell'inseritore con la sua etichetta e viene mostrato per intero quando i blocchi al suo interno sono gratuiti. 173 template di blocchi e 4 variazioni di stile del tema funzionano allo stesso modo nell'Editor del sito.
Ogni blocco, in entrambi i piani
Non ci sono livelli da scalare. Annuale e A vita includono gli stessi 314 blocchi, gli stessi 183 pattern e gli stessi 88 demo.
