Blocchi

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

314
Blocchi in totale
228
Nel piano gratuito
209
Nell'inseritore
105
Limitato ai demo
10
Famiglie
La libreria

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.

Lo strumento di inserimento blocchi di WordPress aperto sulle categorie di blocchi di Canvas, con i blocchi Canvas elencati accanto a quelli core

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 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 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 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 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

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.

Impostazioni del blocco Nav Tree nella 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.

Impostazioni del blocco Thumbnails nella documentazione

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.

Impostazioni del blocco Highlight nella documentazione

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

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.

Impostazioni del blocco Hover 3D nella documentazione

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.

Impostazioni del blocco Scroll Reveal nella documentazione

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.

Impostazioni del blocco Video Facade nella documentazione

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.

Impostazioni del blocco Wishlist nella documentazione

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.

Impostazioni del blocco Header Topbar nella documentazione

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.

Impostazioni del blocco Container nella documentazione

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.

Impostazioni del blocco Event Date nella documentazione

Event Excerpt Incluso in ogni piano

Mostra un estratto breve dell'evento corrente.

Impostazioni del blocco Event Excerpt nella documentazione

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.

Impostazioni del blocco Event Location nella documentazione

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.

Impostazioni del blocco Event Price nella documentazione

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.

Impostazioni del blocco Event Title nella documentazione

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

Blocchi legati alle demo

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
Articoli accademici, Tessere degli album, Progetti di architettura, Team di architettura, Galleria degli arrangiamenti, Bolle degli artisti, Menu della pasticceria, Articoli del barbiere, Kit di bellezza, Noleggio bici, Servizi di contabilità, Template per bot, Lavori dell'agenzia di branding, Lavori dello studio di branding, Menu del caffè, Campagne, Griglia delle competenze, Servizi di assistenza, Cause, Film del canale, Team delle pulizie, Servizi di pulizia, Relatori della conferenza, Sponsor della conferenza, Spazi di coworking, Vetrina dei creator, Lezioni di CrossFit, Allenamento CrossFit, Team dentistico, Trattamenti dentistici, Medici, Proprietà immobiliari, Programma dell'evento, Relatori dell'evento, Relatori dell'evento, Line-up del festival, Menu del food truck, Notizie del club di calcio, Partite di gaming, Prodotto cuffie, Negozi di cuffie, Camere dell'ostello, Coperture assicurative, Notizie dell'asilo, Programmi dell'asilo, Episodi lifestyle, Articoli lifestyle, Programmi di prestito, Discipline di arti marziali, Reparti medici, Medici, Specialità mediche, Voci del menu, Articoli dei traslochi, Servizi di trasloco, Elementi NFT, Servizi per animali, Scatti del fotografo, Moduli della piattaforma, Episodi del podcast, Ricette, Residenze, Lavori dell'architetto singolo, Trattamenti spa, Notizie di tennis, Tornei di tennis, Trattamenti terapeutici, Collezione di brani, Hotel per viaggi, Pacchetti viaggio, Degustazioni di vino, Lezioni di yoga.

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.

La sezione Blocchi delle Opzioni del tema Canvas, con l'elenco di ogni blocco registrato da Canvas e una casella di controllo accanto a ciascuno

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.

Controlli condivisi

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.

Un blocco Canvas selezionato nell'editor di WordPress con i pannelli delle impostazioni aperti nella barra laterale

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.

Parti da una sezione

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:

  • Header
  • Contenuto
  • Form
  • Footer
  • Blog
  • Hero
  • Galleria
  • Call to action
  • Prezzi
  • Pagine
  • Funzionalità
  • Eventi
  • Popup
  • Social
  • Testimonials
  • Portfolio
  • FAQ

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.