H1 Heading Example, Bold and Italic

H2 Heading Example, Bold and Italic

H3 Heading Example, Bold and Italic

H4 Heading Example, Bold and Italic

H5 Heading Example, Bold and Italic
H6 Heading Example, Bold and Italic

An example paragraph text including some bold text and some italic text.

This is a longer paragraph so you can see what happens when the text spans across multiple lines. This is helpful when judging things like line spacing and margin settings.

  • A list item example with some bold text and some italic text.
  • A list item that spans across multiple lines. Helpful when trying to identify the correct line heights and line spacing. Use the line spacing control to set an appropriate distance between bullet points.
  • A list item example with some bold text and some italic text.\

This is a “Plain Text”. This text type is the default fallback font for any element that is not included in this “Typography” list. “Plain Texts” are simple texts that do not inherit styling from the theme. Here are a few examples where the “Plain Text” type is used: text inputs, drop-down elements, buttons (used in places like a search bar, a contact form, a Lead Generation element)

This is an example of preformatted text.

Esempio con (quasi tutti?) gli elementi di WP bakery

Questa pagina contiene gli esempi di (quasi? 🙂 ) tutti i tipi di elemento che si possono inserire con l’editor visuale, cioè quelli nell’immagine qui sotto:

Può essere utile per sapere quali sono tutti gli strumenti disponibili, che sono veramente tanti, perciò è bene averne il controllo.

Questa pagina dovrebbe servire soprattutto a questo:

  1. sai già grossomodo che struttura vuoi dare alla pagina che stai creando (magari hai preso spunto da siti esistenti oppure l’hai abbozzata con carta e penna)
  2. individui con quali fra questi elementi puoi realizzare la tua pagina.

Infatti sapere già in anticipo cosa s’intende creare ti indirizza la mente a scegliere e riconoscere gli elementi che fanno al caso tuo.

Se invece vuoi creare una pagina ma non hai ancora idea di come strutturarla, secondo me non è saggio andare a caccia di idee guardando queste decine di elementi possibili, perché (sempre secondo me) così si disperdono le energie e la concentrazione.

Quindi, credo sia meglio procedere così:

  1. Fai una bozza di quello che vuoi realizzare, magari prendendo spunti da altri siti ben fatti
  2. Individua in questa pagina quali elementi ti servono per realizzare la tua bozza.

P.S. Le linee tratteggiate che vedi non fanno parte di nessun tipo di elemento, ma servono solo a capire dove comincia e dove finisce ogni singolo elemento.

P.P.S. importante: alcuni tipi di elemento includono una parte con il “normale” editor del Blocco Testo. (cioè l’immagine che vedi qui a lato). Questa caratteristica li rende molto flessibili perché in quel modo, oltre a sfruttare le caratteristiche proprio del tipo di elemento, in più dentro ci puoi mettere un po’ di tutto appunto attraverso l’editor Blocco testo (quindi un paragrafo, del copy, delle headline, degli elenchi…). Perciò credo che gli elementi che includono una parte con l’editor del Blocco testo siano molto adattabili agli usi che uno si prefigge.
Perciò, negli elementi in questa pagina che comprendono l’editor Blocco Testo ci ho scritto “Qui c’è l’editor Blocco Testo.”

P.P.P.S. Inoltre alcuni tipi di elemento supportano l’inserimento al loro interno di qualsiasi tipo di elemento. Questi sono ancora più flessibili perché, oltre a poterci inserire l’elemento blocco testo, ci possiamo inserire anche qualsiasi altro tipo di quelli presenti in questa pagina.
Per riconoscere in questa pagina gli elementi che supportano di “contenere” qualsiasi tipo di altro elemento, ci ho scritto dentro, appunto, che ci si può inserire qualsiasi tipo di elemento.

Buona composizione! 😀

Questa colonna è visibile solo su device tipo desktop (“Large“)

Questa colonna è visibile solo su device tipo tablet in orizzontale (“Medium“)

Questa colonna è visibile solo su device tipo tablet in verticale (“Small“)

Questa colonna è visibile solo su device tipo smartphone (“Extra small“)

Questo è l’elemento “Icona con testo”. Qui c’è l’editor Blocco Testo.

Qui sotto c’è l’elemento “Facebook Page”

Qui sotto c’è l’elemento Form PopUpCampaigner.

[ppc-popupHTML campaign-id=10]

Qui sotto c’è l’elemento Count Down.

Ho impostato la scadenza nel formato aaaa-mm-gg-hh-mm come indicato nell’editor dell’elemento, cioè ho scritto 2020-02-12-16-00, ma non funziona. 🙁

00 GIORNI E
00:00:00

Qui sotto c’è l’elemento Count Down Evergreen (beta),

che in pratica non è un vero countdown nel senso che non finirà a una data veramente prefissata, ma è un conto alla rovescia che parte nel momento in cui il visitatore apre la pagina. Per esempio, se lo imposto a 1 giorno e 10 minuti come ho fatto qui, ogni volta che il visitatore apre questa pagina, il conto alla rovescia comincerà sempre da 1 giorno e 10 minuti, ogni volta.

Comunque pare non funzioni 🙁

0 GIORNI E
00:00:00

Qui sotto c’è l’elemento Icona.

Qui sotto c’è l’elemento Separatore (una linea orizzontale).

Qui sotto c’è l’elemento ZigZag Separator.

Questo è l'elemento Separatore con testo. (si può anche mettere un'icona a scelta, come vedi qui a sinistra)

Questo è il testo dell’elemento Messaggio Box. Qui c’è l’editor Blocco Testo.

Questo è il titolo principale dell'elemento Hover Box

Questo è il titolo dell'elemento "Hover Box"

Questo è l’Hover text dell’elemento Hover Box (la sua descrizione nell’editor è: “Animated flip box with image and text”). Qui c’è l’editor Blocco Testo.

Qui sotto c’è l’elemento Facebook Like

Qui sotto c’è l’elemento Pulsante Tweetmeme.

Qui sotto c’è l’elemento Pinterest.

Qui sotto ci sono cinque elementi dello stesso tipo, cioè il tipo “FAQ”.

Questo è il titolo di questo primo elemento 'FAQ'

Questo è il contenuto di questo primo elemento ‘FAQ’. Qui c’è l’editor Blocco Testo.

Questo è il titolo di questo secondo elemento 'FAQ'

Questo è il contenuto di questo secondo elemento ‘FAQ’

Questo è il contenuto di questo terzo elemento ‘FAQ’.

In questo elemento provo a lasciare vuoto il campo titolo: succede che rimane semplicemente solo il “+” da premere, in modo da far espandere l’elemento FAQ e rendere leggibile questo elemento.

Però qui ho selezionato l’opzione che questo elemento deve essere aperto quando si carica la pagina, perché altrimenti questo elemento FAQ diventa quasi invisibile. Insomma il titolo della FAQ ci vuole 🙂

Questo è il titolo di questo quarto elemento 'FAQ'. In questo elemento provo a lasciare vuoto il contenuto:

Questo è il titolo di questo quinto elemento 'FAQ'.

Questo è il contenuto di questo quinto elemento ‘FAQ’.

Qui sotto c’è l’elemento ‘Singola Immagine’.

Ha anche l’opzione di far succedere qualcosa al click sull’immagine; le opzioni sono queste:

  • Nessuno
  • Link all’immagine grande
  • Apri con Modale
  • Apri con link personalizzato
  • Zoom

Nell’elemento qui sotto ho selezionato “Apri con Modale” (clicca sull’immagine per testarlo):

Questo è il titolo dell'elemento 'Singola Immagine'

Qui sotto c’è l’elemento “Galleria Immagine”.

Ha le seguenti opzioni per presentare le immagini:

  • Flex Slider in Dissolvenza
  • Flex Slider a Scorrimento
  • Nivo Slider
  • Immagine a griglia

Nell’esempio qui sotto ho selezionato Immagine a griglia.

Inoltre l’elemento ha queste opzioni per il click sulle immagini:

  • Nessuno
  • Link all’immagine grande
  • Apri con Modale
  • Apri con link personalizzato

Nell’esempio qui sotto ho messo Apri con Modale (clicca un’immagine per testarlo)

Questo è il titolo dell'elemento 'Schede'.

Questo è un primo elemento Blocco testo che è contenuto nell’elemento Sezione di questa scheda. Qui c’è l’editor Blocco Testo.

Al posto di questi elementi “Blocco testo” di esempio, si può inserire qualsiasi altro tipo di elemento.

Questo è un secondo elemento Blocco testo che è contenuto nell’elemento Sezione di questa scheda.

Questo è un elemento “Blocco testo” inserito nella seconda scheda.

Questo è un elemento “Blocco testo” inserito nella terza scheda.

Questo è un elemento Blocco testo, che non è contenuto in nessuna scheda, ma compare sotto qualsiasi scheda si attivi.

Per ottenere ciò è sufficiente che questo elemento non sia inserito nella sezione di una scheda, ma fuori da qualsiasi sezione.

Anche qui, al posto di questo esempio Blocco testo, si può inserire qualsiasi tipo di elemento.

Comunque:

quando si clicca su una scheda per passare appunto da una scheda all’altra, si attiva un’animazione (provala) che personalmente vorrei disattivare ma non trovo l’opzione per farlo.

(Fine dell’elemento Schede)

Questo è il titolo dell'elemento 'Tour' (è perfettamente analogo all'elemento 'Schede'" qui sopra, con la sola differenza che non è possibile inserire un elemento che sia visibile sotto qualsiasi sezione sia attiva)

Elemento Blocco testo inserito nella Sezione1. Si può inserire qualsiasi tipo di elemento.

Altro elemento Blocco testo inserito nella Sezione1.

Elemento Blocco testo inserito nella Sezione2.

Questo è il titolo dell'elemento 'Fisarmonica'. Anche qui non trovo un'opzione per disattivare l'animazione quando si espande o si contrae una sezione.

Questo è il primo elemento ‘Blocco testo’ inserito nella prima sezione di questa Fisarmonica. Si può inserire qualsiasi tipo di elemento.

Questo è il secondo elemento ‘Blocco testo’ inserito nella prima sezione di questa Fisarmonica.

Questo è un elemento ‘Blocco testo’ inserito nella seconda sezione di questa Fisarmonica.

Questo è un elemento ‘Blocco testo’ inserito nella terza sezione di questa Fisarmonica.

Questo è il titolo dell'elemento 'Pageable Container Settings'.

Questo è un elemento ‘Blocco testo’ inserito nella prima sezione di questo Pageable Container. Anche qui si può inserire qualsiasi tipo di elemento.

Questo è un elemento ‘Blocco testo’ inserito nella prima sezione di questo Pageable Container.

Questo è un elemento ‘Blocco testo’ inserito nella prima sezione di questo Pageable Container.

Questo è un elemento ‘Blocco testo’ inserito nella seconda sezione di questo Pageable Container.

Questa è la Heading dell'elemento «Call to Action». Ho selezionato come Style l'opzione 3d«»

Questa è la Subheading

Questo è il testo dell’elemento Call to Action. Qui c’è l’editor Blocco Testo.

Per far comparire l’icona, si deve abilitare l’opzione “Add icon”.

 

(Per far comparire il pulsante qui sotto, bisogna attivare l’opzione «Add button»)

Questo è il titolo dell'elemento «Widgetised Sidebar». In pratica inserisce una barra laterale dentro la pagina.

Tuo figlio ha 4 in matematica? Clicca qui per scoprire le 7 cause di voti bassi e ansia

Questo è il titolo dell'elemento «Video Player» (da YouTube o Vimeo)

Questo è il titolo dell'elemento «Google Maps»

Questo è l'elemento Codice HTML

Qui puoi scrivere o incollare codice HTML

Qui sotto c’è l’elemento “Codice JS”,

in cui puoi scrivere (o incollare) del codice Javascript.

In questa pagina, l’elemento qui sotto è invisibile perché si limita a mostrarti una finestra di testo all’apertura della pagina

(Qui sopra c’è l’elemento “Codice JS”)

Questo è il titolo dell'elemento «Widget Flickr» (bisogna incollare nell'editor l'ID Flickr di cui mostrare il Feed)

Visualizza streaming su flickr

Questo è il titolo dell'elemento «Barra di caricamento»

Development
Design
Marketing

Qui sotto c’è l’elemento “Pie chart”

Questo è il titolo dell'elemento 'Pie Chart'

Questo è il titolo dell'elemento Round Chart

  • Titolo 1
  • Titolo 2

Questo è il titolo dell'elemento Line Chart

  • Titolo 1
  • Titolo 2

Qui sotto c’è l’elemento “Empty space”,

cioè uno spazio vuoto di cui si può impostare esclusivamente l’altezza.

(Qui sopra c’è l’elemento “Empty space”)

Qui sotto c’è l’elemento “Post Grid”

Intervista con Daniela Sgambelluri su Guest Interviews

Quanto è importante credere negli studenti? Quali sono i punti di forza e quelli di debolezza dei professori, degli studenti, della scuola italiana e dei genitori? Cosa lamentano maggiormente gli studenti della scuola? Com’è stata la mia esperienza a scuola come docente? Come superare il problema delle classi pollaio? Con queste e altre domande, sono […]

Come si stimola l’interesse dei ragazzi?

In questo video descrivo quali sono gli elementi necessari a far scattare nei ragazzi l’interesse spontaneo (che in realtà è l’unico vero interesse possibile!) Metti PLAY qui sotto:

Come si trova il Minimo Comune Multiplo e perché

Vediamo come si trova il cosiddetto “m.c.m.” 🙂 e a che cosa serve. Metti PLAY qui sotto: P.S. In questo video tiriamo in ballo anche la Scomposizione in fattori e la Semplificazione delle frazioni, perciò ti lascio qui sotto i link di altri due video su questi argomenti: Scomposizione in fattori Semplificazione delle frazioni  

Espressione con Parentesi e Potenze

Come si fa un’espressione con le parentesi? E con le potenze? Nel video qui sotto vedrai proprio un esercizio svolto per capire: in che ordine si svolgono le parentesi e in che ordine si calcolano le operazioni Metti PLAY qui sotto: P.S. Se vuoi guardare il video precedente sulle proprietà delle potenze, tocca questo link.

Cosa SIGNIFICANO Perimetro e Area?

Che cosa sono e come si calcolano il perimetro e l’area delle figure piane? Nel video che stai per guardare qui sotto: spiego qual è il significato di queste due “cose” che si calcolano in tutti i problemi e facciamo anche due esercizi su perimetro e area di rettangolo e rombo. Metti PLAY:👇 ► Se […]

La matematica abbatte l’autostima di tuo figlio?

Affrontiamo insieme una domanda scottante con la quale i ragazzi si scontrano ogni giorno purtroppo: Com’è possibile che la matematica porti ai ragazzi insicurezza e bassa autostima? Su questo voglio che tu mostri a tuo figlio o tua figlia il mio messaggio d’incoraggiamento nel video qui sotto. METTI PLAY:  

Frazione di un segmento: come si calcola – I, II e III Media

Metti PLAY qui sotto:   Come si calcola la FRAZIONE DI UN SEGMENTO? Con questa spiegazione video potrai far riuscire tuo figlio in due tipi di situazione in cui c’è la frazione di un segmento, cioè: come fare quando si conosce un segmento “di riferimento” e si deve calcolare la sua frazione e come fare quando […]

Problema di geometria con TRE figure

Metti PLAY qui sotto:   Come si risolvono i problemi di geometria con più figure? Di solito un problema di geometria contiene UNA figura soltanto, ma non mancano quelli in cui ce ne sono DUE o magari TRE. In questa spiegazione video ti mostro come ci si muove in una situazione del genere, svolgendo un […]

Problema con due figure: quadrato e triangolo

Metti PLAY qui sotto:   Come si svolge un problema con due figure? In questo video mostro a tuo figlio un esempio in cui le due figure sono: il quadrato e il triangolo equilatero Puoi prendere spunto da questo video come primo esempio, semplice e chiaro, su come far destreggiare tuo figlio nei problemi con […]

Le POTENZE con lo ZERO e con l’UNO: tutti i casi da conoscere

In questo video ti raccolgo tutti i casi particolari delle potenze, cioè: quando alla BASE abbiamo 1 oppure 0 e quando all’ESPONENTE abbiamo 1 oppure 0. Oltre a mostrarti i risultati, ti mostro anche perché le potenze con 0 e con 1 danno i risultati che vedremo. E a fine video offrirò a tuo figlio […]

Qui sotto c’è l’elemento Media Grid

Qui sotto c’è l’elemento Post Masonry Grid

Qui sotto c’è l’elemento Masonry Media Grid

Questo è il titolo dell’elemento WP Meta

Questo è il titolo dell’elemento WP Commenti recenti

Questo è il titolo dell’elemento WP Calendario

Agosto 2026
LMMGVSD
 123
45678910
11121314151617
18192021222324
25262728293031

Elemento WP Pagine

Questo elemento non l’ho messo davvero in questa pagina. In pratica elenca tutte le pagine (non i post, ma appunto le pagine) che hai creato sul sito, comprese quelle che non c’è motivo di far vedere (ad esempio le Thank-you pages, le Sales, l’Omaggio magnetico…)

Però funziona in modo molto semplice, cioè ti produce proprio un elenco di tutte le pagine.

Potrebbe essere utile per creare una tua pagina di amministrazione, magari protetta da password, giusto per avere un elenco delle pagine “diverso” da quello che c’è nel normale pannello di amministrazione di WordPress.

Questo è il titolo dell’elemento WP Custom Menu

Questo è il titolo dell’elemento WP Testo

Questo è il testo dell’elemento. Qui c’è l’editor Blocco Testo.

Questo è il titolo dell’elemento WP Categorie

Questo è il titolo dell’elemento WP Archivi

Qui sotto c’è l’elemento WP RSS

Preleva le pagine da un sito esterno che mette a disposizione un suo link RSS, cioè un link tramite il quale è possibile appunto fare prelevare, da un lettore automatico come questo qui sotto, le sue pagine.

Qui sotto ho messo l’RSS della home page di Ansa.it, che Ansa rende rispondibile tramite questo link: https://www.ansa.it/sito/ansait_rss.xml

RSS Questo è il titolo dell’elemento WP RSS