Supporto prioritario
Help Center > Editor V4 > Elements > Elemento Flexbox

Elemento Flexbox

Ultimo aggiornamento: Settembre 3, 2025

Questo post è stato tradotto automaticamente, quindi potrebbe contenere imprecisioni o variazioni stilistiche rispetto al testo originale. Ci scusiamo per eventuali disagi che ciò potrebbe causare. Vi preghiamo di contattarci se avete bisogno di ulteriori chiarimenti

Aggiungi ed elimina l'elemento

Per accedere e usare un widget:

  1. Nell’Editor di Elementor, clicca su +.
    Vengono visualizzati tutti gli elementi disponibili.

  2. Clicca o trascina l’elemento sull’area di lavoro. Per maggiori informazioni, vedi Aggiungere elementi a una pagina.

Per eliminare il widget:

  1. Sull’area di lavoro, seleziona l’elemento cliccandoci sopra.
  2. Premi il tasto Canc sulla tastiera. Per maggiori informazioni, vedi Eliminare elementi da una pagina.

Cos'è un elemento Flexbox?

Un Flexbox è un contenitore progettato per ospitare altri elementi, inclusi altri Flexbox. I Flexbox offrono grande flessibilità nella progettazione e nell’organizzazione del contenuto al loro interno. Questo li rende uno strumento eccellente per design complessi e pixel-perfect.

Vedi tutte le opzioni disponibili con il widget Valutazione.

Caso d'uso comune

Ellis sta progettando una home page per un salone. Desiderano una sezione Hero accattivante per catturare l’attenzione dei visitatori e consentire loro di prenotare un appuntamento direttamente dalla home page.

Guarda un video che dimostra il widget in azione.

Aggiungi un elemento Flexbox: passo dopo passo

  1. Aggiungi un elemento Flexbox all’area di lavoro. Per i dettagli, vedi Aggiungere elementi a una pagina.

  2. Nel pannello, clicca sulla scheda Stile.

  3. Apri la sezione Layout.

  4. Imposta la direzione su Riga.

  5. Aggiungi due Flexbox figli all’interno del primo Flexbox.
    I due contenitori figli dovrebbero essere affiancati.

  6. Seleziona il contenitore a sinistra cliccandoci sopra e clicca sulla scheda Stile.

  7. Apri la sezione Layout e imposta la direzione su Colonna.

  8. Apri la sezione Dimensione e imposta la Minima Altezza a 600 PX e la Minima Larghezza al 60%. Per i dettagli, vedi scheda Stile – Dimensione.

  9. Apri la sezione Sfondo e aggiungi un colore di sfondo. Per i dettagli, vedi scheda Stile – Sfondo.
  10. Aggiungi due elementi Intestazione e un pulsante.

  11. Aggiungi contenuto e stile agli elementi Intestazione e Pulsante. Vedi elemento Intestazione e elemento Pulsante per i dettagli. Per i dettagli sul posizionamento, vedi scheda Stile – Spaziatura, scheda Stile – Dimensione e scheda Stile – Posizione.
  12. Seleziona il Flexbox a destra.
  13. Clicca sulla scheda Stile.
  14. Apri la sezione Layout.
  15. Imposta l’altezza a 600 PX e la larghezza al 40%.
  16. Apri la sezione Sfondo.

  17. Aggiungi un’immagine come sfondo. Per i dettagli, vedi scheda Stile – Sfondo.

Impostazioni per l'elemento Flexbox

Puoi personalizzare i tuoi widget utilizzando contenuti, stile e altri parametri avanzati, offrendoti grande flessibilità nell’adattarli alle tue esigenze. Clicca sulle schede qui sotto per vedere tutte le impostazioni disponibili per questo widget.

Scegli il tag HTML per il tuo Flexbox. Tagga correttamente il tuo elemento per aiutare i motori di ricerca a comprendere il tuo sito e migliorare la SEO.

Le scelte includono:

  • Div
  • Intestazione
  • Sezione
  • Articolo
  • Barra laterale
  • Piè di pagina.

Clicca sul segno più per inserire un link. I visitatori che cliccano sul Flexbox apriranno il link.

Note
Se aggiungi un link a un Flexbox, non puoi rendere cliccabili gli elementi al suo interno.

Apri in una nuova scheda: Se il Flexbox contiene un link, attiva l’opzione se desideri che il link si apra in una nuova scheda.

Vedi gli articoli individuali sulle opzioni di stile:

In questa pagina

Condividi questo articolo

Hosted with