{"id":7120,"date":"2021-08-01T11:12:41","date_gmt":"2021-08-01T09:12:41","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/sezioni-e-colonne-in-elementor\/"},"modified":"2026-09-02T23:04:25","modified_gmt":"2026-09-02T21:04:25","slug":"sezioni-e-colonne-in-elementor","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/it\/sezioni-e-colonne-in-elementor\/","title":{"rendered":"Sezioni e colonne in Elementor"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Questo contenuto utilizza una struttura precedente di Elementor basata su <strong>sezioni e colonne<\/strong>. Attualmente, Elementor ha adottato un sistema di <strong>contenitori<\/strong>, che migliora la flessibilit\u00e0 e l&#8217;organizzazione del design. <\/p>\n<\/blockquote>\n\n<h2 class=\"wp-block-heading\">Video passo dopo passo<\/h2>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Secciones y Columnas de Elementor \u00a1\ud83d\ude80\u00a0a Fondo! - Parte 1 de 2\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/dtVjlwPDxcw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<h2 class=\"wp-block-heading\" id=\"que-es-una-seccion-95d914c5-44ee-40c3-857e-705875903212\">Cos&#8217;\u00e8 una sezione?<\/h2>\n\n<p class=\"wp-block-paragraph\">Le sezioni in Elementor sono blocchi di costruzione di tipo contenitore; all&#8217;interno delle sezioni si trovano le colonne, che \u00e8 dove andremo a posizionare i nostri widget di design. Una sezione ha sempre almeno una colonna.<\/p>\n\n<p class=\"wp-block-paragraph\">Le sezioni possono essere manipolate e progettate tramite le opzioni nel Pannello di Elementor a sinistra o cliccando con il tasto destro sull&#8217;indicatore della Sezione e scegliendo dal menu contestuale che appare. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"opciones-de-clic-derecho-af2f14cb-c339-46e5-90a4-9fc3a8bd5696\">Opzioni del tasto destro<\/h3>\n\n<p class=\"wp-block-paragraph\">Se vuoi duplicare una sezione, <em>fai clic con il tasto destro sul suo identificatore di sezione<\/em> <img loading=\"lazy\" decoding=\"async\" width=\"110\" height=\"26\" class=\"wp-image-4904\" style=\"width: 110px;\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/selector-de-seccion-elementor.png\" alt=\"Selettore di sezione Elementor\"\/> e clicca su <strong>Duplica<\/strong> nel menu contestuale. Puoi anche copiare e incollare una sezione in un altro punto dello stesso documento che stai modificando e persino in un altro documento (pagina, template, &#8230;) purch\u00e9 faccia parte dello stesso sito web, usando le opzioni <strong>Copia<\/strong> e <strong>Incolla<\/strong>. Puoi anche copiare e incollare solo lo <strong>stile<\/strong> (senza il contenuto) da una sezione all&#8217;altra. Fai clic su <strong>Salva come template<\/strong> per salvare la sezione come un modello da inserire ovunque in seguito. Cliccando su <strong>Navigator<\/strong> qui, si aprir\u00e0 il Navigator gi\u00e0 configurato per quella particolare sezione. E, naturalmente, cliccando su <strong>Elimina<\/strong> qui, la sezione verr\u00e0 eliminata.     <\/p>\n<div class=\"wp-block-image is-resized\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a9a91b417147&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a9a91b417147\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"326\" height=\"388\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/menu-contextual-seccion-elementor.jpg\" alt=\"Menu contestuale Sezione Elementor\" class=\"wp-image-4997\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<p class=\"wp-block-paragraph\">Se fai clic su <strong>Modifica sezione<\/strong>, le opzioni della colonna verranno visualizzate nel Pannello di Elementor a sinistra con tutte le seguenti opzioni a tua disposizione.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"pestana-disposicion-1da82fb7-a137-4344-ab10-263cd9fdaf65\">Scheda Layout<\/h3>\n<div class=\"wp-block-image is-resized\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a9a91b418421&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a9a91b418421\" class=\"alignright size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"356\" height=\"677\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/pestana-disposicion-seccion-elementor.jpg\" alt=\"Scheda Layout di una sezione di Elementor\" class=\"wp-image-4998\" srcset=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/pestana-disposicion-seccion-elementor.jpg 356w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/pestana-disposicion-seccion-elementor-263x500.jpg 263w\" sizes=\"auto, (max-width: 356px) 100vw, 356px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<p class=\"wp-block-paragraph\">Se fai clic su <strong>Modifica sezione<\/strong>, le opzioni della colonna verranno visualizzate nel Pannello di Elementor a sinistra con tutte le seguenti opzioni disponibili.<\/p>\n\n<ol id=\"alto\" class=\"wp-block-list\">\n<li><strong>Larghezza contenuto<\/strong>: imposta la Larghezza del contenuto su <em>Boxed<\/em> o <em>Larghezza intera<\/em>. Se selezioni Boxed, la larghezza predefinita per il contenuto sar\u00e0 di 1140px (puoi cambiarla dal menu hamburger in alto a sinistra)  <figure><img decoding=\"async\" class=\"wp-image-16386\" style=\"width: 25px\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2021\/08\/menu-hamburguesa.jpg\" alt=\"Menu hamburger dell'Editor Elementor\"\/><\/figure>  &gt; <em>Impostazioni sito<\/em> &gt; <em>Layout<\/em>), anche se potrai usare il cursore per impostare la tua larghezza preferita.<\/li>\n\n\n\n<li><strong>Spazio tra le colonne<\/strong>: lo spazio tra le colonne predefinito \u00e8 20px, ma puoi modificarlo da questo selettore (Nessuno, Stretto, Esteso, Largo, Pi\u00f9 ampio e Personalizzato).<\/li>\n\n\n\n<li><strong>Altezza<\/strong>: per impostazione predefinita la sezione adatta la sua altezza al contenuto, ma ha altre due opzioni:\n<ul class=\"wp-block-list\">\n<li><strong>Adatta alla schermata<\/strong>: la sezione si adatta per riempire completamente lo schermo.\n<ul class=\"wp-block-list\">\n<li><strong>Posizione colonna<\/strong>: se selezioni Adatta alla schermata, verr\u00e0 mostrata quest&#8217;altra opzione che ti permette di allineare verticalmente la posizione della colonna (estesa, sopra, mezzo, sotto).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Altezza minima<\/strong>: questa opzione ti permette di impostare un&#8217;altezza minima tramite il cursore, ma tieni presente che se inserisci un valore inferiore all&#8217;altezza gi\u00e0 occupata dal contenuto, non avr\u00e0 effetto.\n<ul class=\"wp-block-list\">\n<li><strong>Posizione colonna<\/strong>: se selezioni Adatta alla schermata, verr\u00e0 mostrata quest&#8217;altra opzione che ti permette di allineare verticalmente la posizione della colonna (estesa, sopra, mezzo, sotto).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Allineamento verticale<\/strong>: ti permette di impostare l&#8217;allineamento verticale dei widget che aggiungi, ma affinch\u00e9 questo abbia senso l&#8217;altezza della sezione deve essere impostata su Adatta alla schermata o su un&#8217;altezza minima superiore all&#8217;altezza occupata dal contenuto esistente. In ogni caso, la Colonna ha un altro controllo identico a questo per l&#8217;allineamento verticale che ha la precedenza, quindi il mio consiglio per l&#8217;allineamento verticale \u00e8 usare il controllo della colonna. <\/li>\n\n\n\n<li><strong>Overflow<\/strong>: seleziona come gestire il contenuto che fuoriesce dal tuo contenitore. <em>Il valore predefinito<\/em> permette l&#8217;overflow. Seleziona <em>Nascosto<\/em> per nascondere il contenuto in eccesso. Ad esempio, usando gli Effetti di movimento della scheda Avanzato, il contenuto pu\u00f2 entrare dall&#8217;esterno della colonna tramite un&#8217;animazione; se questo controllo \u00e8 impostato su <em>Predefinito<\/em> l&#8217;elemento animato verr\u00e0 mostrato in tutto il suo percorso, mentre con Overflow nascosto vedremo l&#8217;elemento animato solo nell&#8217;area delimitata dalla colonna. Questo \u00e8 spiegato molto meglio nel videotutorial di questo argomento.   <\/li>\n\n\n\n<li><strong>Estendi sezione<\/strong>: forza la sezione a estendersi per tutta la larghezza della pagina tramite JavaScript. Useremo questa opzione solo nel caso in cui abbiamo impostato il controllo all&#8217;inizio di questo box <em>Larghezza contenuto<\/em> su <em>Larghezza intera<\/em> e non abbia avuto effetto. <\/li>\n\n\n\n<li><strong>Tag HTML<\/strong>: imposta un tag HTML per la tua sezione, questo punto viene approfondito di seguito.<\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\" id=\"html\">Come aggiungere tag HTML alla mia sezione e colonna<\/h3>\n\n<p class=\"wp-block-paragraph\"><strong>I tag HTML<\/strong> sono essenziali per la SEO del tuo sito. Usarli correttamente avr\u00e0 un impatto positivo sul traffico del tuo sito web. <\/p>\n\n<p class=\"wp-block-paragraph\">Se stai modificando l&#8217;header, usa l&#8217;header<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Vai alle impostazioni della tua <em>sezione<\/em> <img loading=\"lazy\" decoding=\"async\" width=\"110\" height=\"26\" class=\"wp-image-4904\" style=\"width: 110px;\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/selector-de-seccion-elementor.png\" alt=\"Selettore di sezione Elementor\"\/> o <em>colonna <\/em><img loading=\"lazy\" decoding=\"async\" width=\"25\" height=\"27\" class=\"wp-image-4999\" style=\"width: 25px;\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/columna-elementor.jpg\" alt=\"Colonna Elementor\"\/>.<\/li>\n\n\n\n<li>In <em>Layout<\/em>, fai clic sul menu a discesa <strong>Tag HTML<\/strong>.<\/li>\n\n\n\n<li>Scegli il tag che vuoi usare.<\/li>\n<\/ol>\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a9a91b418fa3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a9a91b418fa3\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"359\" height=\"233\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/etiqueta-html-elementor.jpg\" alt=\"Tag HTML Elementor\" class=\"wp-image-5000\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<p class=\"wp-block-paragraph\">Ecco i diversi tipi di <em>tag HTML<\/em> che puoi scegliere:<\/p>\n\n<ol class=\"wp-block-list\">\n<li><em><strong>&lt;div&gt;<\/strong><\/em>: definisce una divisione. Questo tag permette di raggruppare diversi elementi blocco (paragrafi, intestazioni, liste, tabelle, divisioni, ecc.). <\/li>\n\n\n\n<li><em><strong>&lt;header&gt;<\/strong><\/em>: definisce un&#8217;intestazione per un documento o una sezione. \u00c8 utile quando stai creando un template di header. Pu\u00f2 contenere gli elementi relativi all&#8217;intestazione di un sito web come il logo, un menu di navigazione, un modulo di ricerca, &#8230;  <\/li>\n\n\n\n<li><em><strong>&lt;footer&gt;<\/strong><\/em>: definisce un pi\u00e8 di pagina per un documento o una sezione. \u00c8 utile quando stai creando un template di footer. Rappresenta un pi\u00e8 di pagina che tipicamente contiene informazioni sull&#8217;autore del sito web, link ai testi legali e copyright.  <\/li>\n\n\n\n<li><strong>&lt;main&gt;<\/strong>: rappresenta il contenuto principale di un documento. Questo contenuto deve essere unico per il documento, escludendo qualsiasi contenuto che si ripete in altri documenti come barre laterali, link di navigazione, informazioni sul copyright, loghi del sito e moduli di ricerca (a meno che, ovviamente, la funzione principale del documento non sia un modulo di ricerca). <\/li>\n\n\n\n<li><em><strong>&lt;article&gt;<\/strong><\/em>: rappresenta una composizione indipendente e complementare al contenuto principale del documento, ad esempio potrebbe essere un messaggio in un forum, un articolo di una rivista o di un giornale, un post di un blog, un commento di un utente, un widget interattivo o gadget, o qualsiasi altro elemento indipendente dal contenuto.<\/li>\n\n\n\n<li><em><strong>&lt;sezione&gt;<\/strong><\/em>: progettato per contenere una parte di un documento tematicamente definita. I contenuti di un elemento section sono solitamente preceduti da un&#8217;intestazione. Gli autori solitamente ricorrono all&#8217;elemento section per dividere un documento esteso in capitoli, per separare le diverse schede in un&#8217;applicazione o per dividere tematicamente le sezioni di un documento (sezione annunci, sezione ultimi articoli, sezione link correlati, ecc.).  <\/li>\n\n\n\n<li><em><strong>&lt;aside&gt;<\/strong><\/em>: rappresenta una sezione di una pagina che consiste in contenuti indirettamente correlati al contenuto principale del documento. Queste sezioni sono spesso rappresentate come barre laterali o come inserti e contengono spiegazioni a margine come definizioni di glossario o elementi correlati indirettamente, come la pubblicit\u00e0. <\/li>\n\n\n\n<li><em><strong>&lt;nav&gt;<\/strong><\/em>: rappresenta una parte di una pagina il cui scopo \u00e8 fornire link di navigazione, sia all&#8217;interno del documento corrente che verso altri documenti. Esempi comuni di sezioni di navigazione sono menu, indici e tabelle dei contenuti. <\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\" id=\"estructura\">Scheda Struttura<\/h3>\n\n<p class=\"wp-block-paragraph\">Quando una sezione ha pi\u00f9 di una colonna possiamo usare queste configurazioni di distribuzione delle colonne predefinite; i numeri indicano la percentuale di larghezza di ogni colonna rispetto al totale 100. <\/p>\n\n<p class=\"wp-block-paragraph\">Indipendentemente dalla struttura che selezioniamo, che per impostazione predefinita prevede colonne di uguale larghezza, possiamo definire la larghezza delle colonne a nostro piacimento, sia trascinando lo spazio tra le colonne sia tramite un numero nel campo di testo Larghezza colonna che si trova nelle opzioni della scheda Layout di una Colonna.<\/p>\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a9a91b41a108&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a9a91b41a108\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"356\" height=\"407\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/estructura-seccion-elementor.jpg\" alt=\"Struttura di una sezione di Elementor\" class=\"wp-image-5001\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<h2 class=\"wp-block-heading\" id=\"que-es-una-columna-9d71ac7e-9106-43d6-b0d7-1938a079b928\">Cos&#8217;\u00e8 una colonna?<\/h2>\n\n<p class=\"wp-block-paragraph\">Una colonna in Elementor \u00e8 una divisione verticale di una sezione; come abbiamo detto in precedenza, le colonne sono figlie delle sezioni, e in una sezione possono esserci da una a diverse colonne. Le colonne sono il contenitore finale dei widget che comporranno il design di un documento in Elementor. <\/p>\n\n<p class=\"wp-block-paragraph\">Se un documento ha pi\u00f9 di una colonna, queste possono avere la stessa larghezza o larghezze diverse. Nel box di configurazione di una <strong>sezione<\/strong> c&#8217;\u00e8 la scheda <strong><a href=\"#estructura\">Struttura<\/a><\/strong> dove possiamo scegliere tra diverse opzioni predefinite, ma possiamo anche impostare larghezze predefinite per ogni colonna espresse in percentuali di un 100%. Ad esempio, abbiamo tre colonne e ne impostiamo una al 22,5%, un&#8217;altra al 27,5% e l&#8217;ultima al 50%.  <\/p>\n\n<p class=\"wp-block-paragraph\">L&#8217;altezza di una colonna \u00e8 determinata dalla dimensione della sezione; affinch\u00e9 una colonna abbia un&#8217;altezza superiore al suo contenuto dobbiamo impostare nella sezione un&#8217;altezza minima o un  <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"-opciones-de-clic-derecho-6b0667a1-91cf-4379-b9f0-3f16490efafc\"> Opzioni del tasto destro<\/h3>\n\n<p class=\"wp-block-paragraph\">Se desideri aggiungere una nuova colonna o duplicarne una, <em>fai clic con il tasto destro su un identificatore di colonna<\/em> <img loading=\"lazy\" decoding=\"async\" width=\"25\" height=\"27\" class=\"wp-image-4999\" style=\"width: 25px;\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/columna-elementor.jpg\" alt=\"Icona Colonna Elementor\"\/> e scegli <strong>+Aggiungi nuova colonna<\/strong> o <strong>Duplica<\/strong> nel menu contestuale. Puoi anche copiare e incollare una colonna in un&#8217;altra sezione usando le opzioni <strong>Copia<\/strong> e <strong>Incolla<\/strong>, oppure puoi copiare e incollare solo lo <strong>stile<\/strong> (senza il contenuto) da una colonna all&#8217;altra.  <\/p>\n\n<p class=\"wp-block-paragraph\">Cliccando su <strong>Navigator<\/strong>, si aprir\u00e0 il Navigator gi\u00e0 configurato per quella particolare colonna. E, naturalmente, cliccando su <strong>Elimina<\/strong> qui, la colonna verr\u00e0 eliminata. Se la sezione ha una sola colonna e la elimini, verr\u00e0 rimossa ma sostituita da un&#8217;altra colonna vuota.  <\/p>\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a9a91b41af79&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a9a91b41af79\" class=\"aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"395\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/menu-contextual-columna-elementor.jpg\" alt=\"Menu contestuale Colonna Elementor\" class=\"wp-image-5002\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<p class=\"wp-block-paragraph\">Se fai clic su <strong>Modifica colonna<\/strong>, le opzioni della colonna verranno visualizzate nel Pannello di Elementor a sinistra con le seguenti opzioni disponibili.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"-pestana-disposicion-b0f643c8-62bd-4129-9109-036a2ae0a4dd\"> Scheda Layout<\/h3>\n\n<ol class=\"wp-block-list\">\n<li><strong>Larghezza colonna (%)<\/strong>: imposta la larghezza delle tue colonne, tenendo presente che \u00e8 una percentuale del totale che \u00e8 100%; aumentando la dimensione di una colonna, questa verr\u00e0 sottratta alla colonna adiacente.<\/li>\n\n\n\n<li><strong>Alineaci\u00f3n vertical<\/strong>: establezca la alineaci\u00f3n vertical de los widgets que contenga la columna.&nbsp;Para que esta alineaci\u00f3n tenga sentido se tienen que pasar dos cosas. Una que el alto de la secci\u00f3n sea mayor que el espacio que ocupa el contenido y esto se estableciendo el <a href=\"#alto\">alto de la secci\u00f3n<\/a> a un tama\u00f1o mayor que el que ocupa el contenido, ya sea seleccionando la opci\u00f3n <em>Ajustar a pantalla<\/em> o <em>Altura m\u00ednima<\/em>. Y otra que tras establer <em>Ajustar a pantalla<\/em> o <em>Altura m\u00ednima<\/em> establezcamos la opci\u00f3n <em>Posici\u00f3n de la columna<\/em> en <em>Estirar<\/em>.\n<ul class=\"wp-block-list\">\n<li><strong>Predefinito<\/strong>: i widget si allineano in alto.<\/li>\n\n\n\n<li><strong>Sopra<\/strong>: i widget si allineano in alto.<\/li>\n\n\n\n<li><strong>Mezzo<\/strong>: i widget si allineano al centro.<\/li>\n\n\n\n<li><strong>Sotto<\/strong>: i widget si allineano in basso.<\/li>\n\n\n\n<li><strong>Spazio intermedio<\/strong>: i widget iniziano e finiscono al bordo della colonna, con lo stesso spazio tra loro.<\/li>\n\n\n\n<li><strong>Spazio intorno<\/strong>: i widget hanno lo stesso spazio e i bordi hanno met\u00e0 della dimensione dello spazio tra i widget.<\/li>\n\n\n\n<li><strong>Spazio uniforme<\/strong>: i widget hanno lo stesso spazio tra, prima e dopo di loro.<img loading=\"lazy\" decoding=\"async\" width=\"1100\" height=\"484\" class=\"wp-image-5003\" style=\"width: 1100px;\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-vertical-columnas.png\" alt=\"Allineamento verticale colonne\" srcset=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-vertical-columnas.png 1250w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-vertical-columnas-500x220.png 500w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-vertical-columnas-1024x451.png 1024w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-vertical-columnas-768x338.png 768w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-vertical-columnas-600x264.png 600w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Allineamento orizzontale<\/strong>: questo amplia la capacit\u00e0 del posizionamento in linea e ti permette di allineare orizzontalmente i widget in linea che sono posizionati sulla stessa riga. Affinch\u00e9 questo allineamento sia possibile, \u00e8 necessario che i widget che vogliamo allineare abbiano impostato nella scheda <em>Avanzato<\/em> &gt; <em>Posizionamento<\/em> &gt; <em>Larghezza: Inline (auto)<\/em> in modo che i widget non occupino tutta la larghezza dello schermo e possano essere allineati orizzontalmente. <img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"528\" class=\"wp-image-5004\" style=\"width: 1200px;\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-horizontal-columnas.png\" alt=\"Allineamento orizzontale colonne\" srcset=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-horizontal-columnas.png 1250w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-horizontal-columnas-500x220.png 500w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-horizontal-columnas-1024x451.png 1024w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-horizontal-columnas-768x338.png 768w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/alineacion-horizontal-columnas-600x264.png 600w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/li>\n\n\n\n<li><strong>Tag HTML<\/strong>: imposta un tag HTML per la tua colonna. <a href=\"#html\">Maggiori informazioni sui tag HTML<\/a>.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Questo contenuto utilizza una struttura precedente di Elementor basata su sezioni e colonne. Attualmente, Elementor ha adottato un sistema di contenitori, che migliora la flessibilit\u00e0 e l&#8217;organizzazione del design. Video passo dopo passo Cos&#8217;\u00e8 una sezione? Le sezioni in Elementor sono blocchi di costruzione di tipo contenitore; all&#8217;interno delle sezioni si trovano le colonne, che [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":7121,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Sezioni e colonne in Elementor: guida per organizzarle","_seopress_titles_desc":"Questo contenuto utilizza una struttura precedente di Elementor basata su sezioni e colonne. Attualmente, Elementor ha adottato un sistema di contenitori, il che\u2026","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"entrambi","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":"","_bricks_page_content_2":[],"_bricks_page_header_2":[],"_bricks_page_footer_2":[]},"categories":[401],"tags":[430,407],"class_list":["post-7120","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-personalizzazione-di-wordpress","tag-web-design"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts\/7120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/comments?post=7120"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts\/7120\/revisions"}],"predecessor-version":[{"id":7123,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts\/7120\/revisions\/7123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/media\/7121"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/media?parent=7120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/categories?post=7120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/tags?post=7120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}