{"id":7115,"date":"2021-08-01T11:12:41","date_gmt":"2021-08-01T09:12:41","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/abschnitte-und-spalten-in-elementor\/"},"modified":"2026-09-02T23:04:04","modified_gmt":"2026-09-02T21:04:04","slug":"abschnitte-und-spalten-in-elementor","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/de\/abschnitte-und-spalten-in-elementor\/","title":{"rendered":"Abschnitte und Spalten 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\">Dieser Inhalt verwendet eine \u00e4ltere Elementor-Struktur, die auf <strong>Abschnitten und Spalten<\/strong> basiert. Aktuell hat Elementor ein System von <strong>Containern<\/strong> eingef\u00fchrt, was die Flexibilit\u00e4t und Organisation des Designs verbessert. <\/p>\n<\/blockquote>\n\n<h2 class=\"wp-block-heading\">Schritt-f\u00fcr-Schritt-Video<\/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\">Was ist ein Abschnitt?<\/h2>\n\n<p class=\"wp-block-paragraph\">Abschnitte in Elementor sind containerartige Bausteine. Innerhalb der Abschnitte befinden sich die Spalten, in denen wir schlie\u00dflich unsere Design-Widgets platzieren. Ein Abschnitt hat immer mindestens eine Spalte.<\/p>\n\n<p class=\"wp-block-paragraph\">Abschnitte k\u00f6nnen \u00fcber die Optionen im Elementor-Panel auf der linken Seite oder durch Rechtsklick auf den Abschnitts-Handle und Auswahl aus dem angezeigten Kontextmen\u00fc bearbeitet und gestaltet werden. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"opciones-de-clic-derecho-af2f14cb-c339-46e5-90a4-9fc3a8bd5696\">Rechtsklick-Optionen<\/h3>\n\n<p class=\"wp-block-paragraph\">Wenn Sie einen Abschnitt duplizieren m\u00f6chten, <em>klicken Sie mit der rechten Maustaste auf dessen Abschnitts-Handle<\/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=\"Elementor Abschnitts-Selektor\"\/> und w\u00e4hlen Sie <strong>Duplizieren<\/strong> aus dem Kontextmen\u00fc. Sie k\u00f6nnen einen Abschnitt auch an eine andere Stelle im selben Dokument, das Sie bearbeiten, oder sogar in ein anderes Dokument (Seite, Vorlage, &#8230;) kopieren und einf\u00fcgen, sofern es sich um dieselbe Website handelt, indem Sie die Optionen <strong>Kopieren<\/strong> und <strong>Einf\u00fcgen<\/strong> verwenden. Sie k\u00f6nnen auch nur den <strong>Stil<\/strong> (ohne Inhalt) eines Abschnitts kopieren und in einen anderen einf\u00fcgen. Klicken Sie auf <strong>Als Vorlage speichern<\/strong>, um den Abschnitt als Vorlage zu speichern, die sp\u00e4ter an beliebiger Stelle eingef\u00fcgt werden kann. Ein Klick auf <strong>Navigator<\/strong> \u00f6ffnet den Navigator, der bereits f\u00fcr diesen bestimmten Abschnitt konfiguriert ist. Und nat\u00fcrlich wird der Abschnitt durch Klicken auf <strong>L\u00f6schen<\/strong> entfernt.     <\/p>\n<div class=\"wp-block-image is-resized\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a994a555fa4d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a994a555fa4d\" 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=\"Elementor Abschnitts-Kontextmen&#xFC;\" 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\">Wenn Sie auf <strong>Abschnitt bearbeiten<\/strong> klicken, werden die Spaltenoptionen im Elementor-Panel auf der linken Seite mit allen folgenden verf\u00fcgbaren Optionen angezeigt.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"pestana-disposicion-1da82fb7-a137-4344-ab10-263cd9fdaf65\">Layout-Tab<\/h3>\n<div class=\"wp-block-image is-resized\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a994a556004d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a994a556004d\" 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=\"Layout-Tab eines Elementor-Abschnitts\" 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\">Wenn Sie auf <strong>Abschnitt bearbeiten<\/strong> klicken, werden die Spaltenoptionen im Elementor-Panel auf der linken Seite mit allen folgenden Optionen angezeigt.<\/p>\n\n<ol id=\"alto\" class=\"wp-block-list\">\n<li><strong>Inhaltsbreite<\/strong>: Legt die Inhaltsbreite auf <em>Boxed<\/em> oder <em>Volle Breite<\/em> fest. Wenn Sie Boxed ausw\u00e4hlen, betr\u00e4gt die Standardbreite f\u00fcr den Inhalt 1140px (dies kann \u00fcber das Hamburger-Men\u00fc (oben links) ge\u00e4ndert werden)  <figure><img decoding=\"async\" class=\"wp-image-16386\" style=\"width: 25px\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2021\/08\/menu-hamburguesa.jpg\" alt=\"Elementor Editor Hamburger-Men&#xFC;\"\/><\/figure>  &gt; <em>Website-Einstellungen<\/em> &gt; <em>Layout<\/em>), obwohl Sie den Schieberegler verwenden k\u00f6nnen, um Ihre bevorzugte Breite einzustellen.<\/li>\n\n\n\n<li><strong>Spaltenabstand<\/strong>: Der Standard-Spaltenabstand betr\u00e4gt 20px, aber Sie k\u00f6nnen ihn \u00fcber diesen Selektor \u00e4ndern (Kein Abstand, Schmal, Erweitert, Breit, Breiter und Benutzerdefiniert).<\/li>\n\n\n\n<li><strong>H\u00f6he<\/strong>: Standardm\u00e4\u00dfig passt der Abschnitt seine H\u00f6he an den Inhalt an, bietet aber zwei weitere Optionen:\n<ul class=\"wp-block-list\">\n<li><strong>An Bildschirm anpassen<\/strong>: Der Abschnitt passt sich an, um den Bildschirm vollst\u00e4ndig auszuf\u00fcllen.\n<ul class=\"wp-block-list\">\n<li><strong>Spaltenposition<\/strong>: Wenn Sie \u201eAn Bildschirm anpassen\u201c ausw\u00e4hlen, wird diese weitere Option angezeigt, mit der Sie die vertikale Ausrichtung der Spalte (Strecken, Oben, Mitte, Unten) festlegen k\u00f6nnen.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Mindesth\u00f6he<\/strong>: Diese Option erm\u00f6glicht es Ihnen, eine Mindesth\u00f6he \u00fcber den Schieberegler festzulegen. Beachten Sie jedoch, dass sie keine Wirkung hat, wenn Sie einen Wert festlegen, der kleiner ist als die bereits vom Inhalt eingenommene H\u00f6he.\n<ul class=\"wp-block-list\">\n<li><strong>Spaltenposition<\/strong>: Wenn Sie \u201eAn Bildschirm anpassen\u201c ausw\u00e4hlen, wird diese weitere Option angezeigt, mit der Sie die vertikale Ausrichtung der Spalte (Strecken, Oben, Mitte, Unten) festlegen k\u00f6nnen.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Vertikale Ausrichtung<\/strong>: Erm\u00f6glicht Ihnen, die vertikale Ausrichtung der von Ihnen hinzugef\u00fcgten Widgets festzulegen. Damit dies sinnvoll ist, muss die H\u00f6he des Abschnitts auf \u201eAn Bildschirm anpassen\u201c oder eine Mindesth\u00f6he eingestellt sein, die gr\u00f6\u00dfer ist als die H\u00f6he des vorhandenen Inhalts. Die Spalte verf\u00fcgt jedoch \u00fcber eine weitere, identische Steuerung f\u00fcr die vertikale Ausrichtung, die Vorrang hat. Daher empfehle ich, f\u00fcr die vertikale Ausrichtung die vertikale Ausrichtungssteuerung der Spalte zu verwenden. <\/li>\n\n\n\n<li><strong>\u00dcberlauf<\/strong>: W\u00e4hlen Sie, wie mit Inhalt umgegangen werden soll, der Ihren Container \u00fcberl\u00e4uft. <em>Standardm\u00e4\u00dfig<\/em> ist \u00dcberlauf erlaubt. W\u00e4hlen Sie <em>Versteckt<\/em>, um \u00fcberlaufenden Inhalt auszublenden. Wenn Sie beispielsweise Bewegungseffekte aus dem Tab \u201eErweitert\u201c verwenden, kann der Inhalt durch eine Animation von au\u00dferhalb der Spalte eintreten. Wenn diese Steuerung auf <em>Standard<\/em> eingestellt ist, wird das animierte Element \u00fcber seinen gesamten Verlauf angezeigt. Bei \u201e\u00dcberlauf versteckt\u201c sehen wir das animierte Element jedoch nur im durch die Spalte begrenzten Bereich. Dies wird im Video-Tutorial zu diesem Thema viel deutlicher gezeigt.   <\/li>\n\n\n\n<li><strong>Abschnitt strecken<\/strong>: Zwingt den Abschnitt, sich \u00fcber JavaScript auf die volle Seitenbreite zu strecken. Diese Option verwenden wir nur, wenn wir die Steuerung am Anfang dieses Feldes <em>Inhaltsbreite<\/em> auf <em>Volle Breite<\/em> eingestellt haben und dies keine Wirkung zeigt. <\/li>\n\n\n\n<li><strong>HTML-Tag<\/strong>: Legt ein HTML-Tag f\u00fcr Ihren Abschnitt fest; dieser Punkt wird im Folgenden erl\u00e4utert.<\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\" id=\"html\">Wie man HTML-Tags zu meinem Abschnitt und meiner Spalte hinzuf\u00fcgt<\/h3>\n\n<p class=\"wp-block-paragraph\"><strong>HTML-Tags<\/strong> sind f\u00fcr die SEO Ihrer Website unerl\u00e4sslich. Ihre korrekte Verwendung wird sich positiv auf den Traffic Ihrer Website auswirken. <\/p>\n\n<p class=\"wp-block-paragraph\">Wenn Sie den Header bearbeiten, verwenden Sie den Header<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Gehen Sie zu den Einstellungen Ihres <em>Abschnitts<\/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=\"Elementor Abschnitts-Selektor\"\/> oder Ihrer <em>Spalte<\/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=\"Elementor Spalte\"\/>.<\/li>\n\n\n\n<li>Klicken Sie unter <em>Layout<\/em> auf das Dropdown-Men\u00fc <strong>HTML-Tag<\/strong>.<\/li>\n\n\n\n<li>W\u00e4hlen Sie das gew\u00fcnschte Tag aus.<\/li>\n<\/ol>\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a994a5560d7a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a994a5560d7a\" 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=\"Elementor HTML-Tag\" 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\">Dies sind die verschiedenen Arten von <em>HTML-Tags<\/em>, die Sie ausw\u00e4hlen k\u00f6nnen:<\/p>\n\n<ol class=\"wp-block-list\">\n<li><em><strong>&lt;div&gt;<\/strong><\/em>: Definiert eine Division. Dieses Tag erm\u00f6glicht das Gruppieren mehrerer Blockelemente (Abs\u00e4tze, \u00dcberschriften, Listen, Tabellen, Divisionen usw.). <\/li>\n\n\n\n<li><em><strong>&lt;header&gt;<\/strong><\/em>: Definiert einen Header f\u00fcr ein Dokument oder einen Abschnitt. Dies ist n\u00fctzlich, wenn Sie eine Header-Vorlage erstellen. Es kann Elemente enthalten, die mit dem Header einer Website zusammenh\u00e4ngen, wie das Logo, ein Navigationsmen\u00fc, ein Suchformular, &#8230;  <\/li>\n\n\n\n<li><em><strong>&lt;footer&gt;<\/strong><\/em>: Definiert eine Fu\u00dfzeile f\u00fcr ein Dokument oder einen Abschnitt. Dies ist n\u00fctzlich, wenn Sie eine Fu\u00dfzeilen-Vorlage erstellen. Es repr\u00e4sentiert eine Fu\u00dfzeile, die typischerweise Informationen \u00fcber den Autor der Website, Links zu rechtlichen Texten und Copyright enth\u00e4lt.  <\/li>\n\n\n\n<li><strong>&lt;main&gt;<\/strong>: Repr\u00e4sentiert den Hauptinhalt eines Dokuments. Dieser Inhalt sollte einzigartig f\u00fcr das Dokument sein und alle Inhalte ausschlie\u00dfen, die sich in anderen Dokumenten wiederholen, wie Seitenleisten, Navigationslinks, Copyright-Informationen, Website-Logos und Suchformulare (es sei denn, die Hauptfunktion des Dokuments ist ein Suchformular). <\/li>\n\n\n\n<li><em><strong>&lt;article&gt;<\/strong><\/em>: Repr\u00e4sentiert eine unabh\u00e4ngige und erg\u00e4nzende Komposition des Hauptinhalts des Dokuments, zum Beispiel k\u00f6nnte es ein Forenbeitrag, ein Zeitschriften- oder Zeitungsartikel, ein Blog-Eintrag, ein Benutzerkommentar, ein interaktives Widget oder Gadget oder jedes andere unabh\u00e4ngige Inhaltselement sein.<\/li>\n\n\n\n<li><em><strong>&lt;section&gt;<\/strong><\/em>: Entwickelt, um einen thematisch definierten Teil eines Dokuments zu enthalten. Die Inhalte eines Section-Elements werden \u00fcblicherweise von einer \u00dcberschrift eingeleitet. Autoren greifen \u00fcblicherweise auf das Section-Element zur\u00fcck, um ein umfangreiches Dokument in Kapitel zu unterteilen, um die verschiedenen Tabs in einer Anwendung zu trennen oder um die Abschnitte eines Dokuments thematisch zu gliedern (Anzeigenabschnitt, Abschnitt der neuesten Artikel, Abschnitt der verwandten Links usw.).  <\/li>\n\n\n\n<li><em><strong>&lt;aside&gt;<\/strong><\/em>: Repr\u00e4sentiert einen Abschnitt einer Seite, der aus Inhalten besteht, die indirekt mit dem Hauptinhalt des Dokuments zusammenh\u00e4ngen. Diese Abschnitte werden oft als Seitenleisten oder als Einsch\u00fcbe dargestellt und enthalten eine Randbemerkung wie eine Glossardefinition, indirekt verwandte Elemente wie Werbung. <\/li>\n\n\n\n<li><em><strong>&lt;nav&gt;<\/strong><\/em>: Repr\u00e4sentiert einen Teil einer Seite, dessen Zweck es ist, Navigationslinks bereitzustellen, entweder innerhalb des aktuellen Dokuments oder zu anderen Dokumenten. G\u00e4ngige Beispiele f\u00fcr Navigationsabschnitte sind Men\u00fcs, Inhaltsverzeichnisse und Indizes. <\/li>\n<\/ol>\n\n<h3 class=\"wp-block-heading\" id=\"estructura\">Struktur-Tab<\/h3>\n\n<p class=\"wp-block-paragraph\">Wenn ein Abschnitt mehr als eine Spalte hat, k\u00f6nnen wir diese vordefinierten Spaltenverteilungskonfigurationen verwenden. Die Zahlen geben den prozentualen Anteil der Breite jeder Spalte am Gesamtbetrag von 100 an. <\/p>\n\n<p class=\"wp-block-paragraph\">Unabh\u00e4ngig von der von uns gew\u00e4hlten Struktur, die standardm\u00e4\u00dfig Spalten gleicher Breite ist, k\u00f6nnen wir die Spaltenbreite nach Belieben definieren, entweder durch Ziehen im Zwischenraum zwischen den Spalten oder durch Eingabe einer Zahl im Textfeld \u201eSpaltenbreite\u201c, das sich in den Optionen des Layout-Tabs einer Spalte befindet.<\/p>\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a994a556176b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a994a556176b\" 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=\"Struktur eines Elementor-Abschnitts\" 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\">Was ist eine Spalte?<\/h2>\n\n<p class=\"wp-block-paragraph\">Eine Spalte in Elementor ist eine vertikale Unterteilung eines Abschnitts. Wie bereits erw\u00e4hnt, sind Spalten Kinder von Abschnitten, und ein Abschnitt kann von einer bis zu mehreren Spalten enthalten. Spalten sind der endg\u00fcltige Container f\u00fcr die Widgets, die das Design eines Dokuments in Elementor bilden. <\/p>\n\n<p class=\"wp-block-paragraph\">Wenn ein Dokument mehr als eine Spalte hat, k\u00f6nnen diese gleiche oder unterschiedliche Breiten haben. Im Konfigurationsfeld eines <strong>Abschnitts<\/strong> befindet sich der Tab <strong><a href=\"#estructura\">Struktur<\/a><\/strong>, wo wir zwischen verschiedenen vordefinierten Optionen w\u00e4hlen k\u00f6nnen. Wir k\u00f6nnen aber auch vordefinierte Breiten f\u00fcr jede Spalte in Prozent des Gesamtbetrags von 100% festlegen. Zum Beispiel haben wir drei Spalten und legen eine auf 22,5%, eine andere auf 27,5% und die letzte auf 50% fest.  <\/p>\n\n<p class=\"wp-block-paragraph\">Die H\u00f6he einer Spalte wird durch die Gr\u00f6\u00dfe des Abschnitts bestimmt. Damit eine Spalte eine gr\u00f6\u00dfere H\u00f6he als ihr Inhalt hat, m\u00fcssen wir im Abschnitt eine Mindesth\u00f6he oder eine <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"-opciones-de-clic-derecho-6b0667a1-91cf-4379-b9f0-3f16490efafc\"> Rechtsklick-Optionen<\/h3>\n\n<p class=\"wp-block-paragraph\">Wenn Sie eine neue Spalte hinzuf\u00fcgen oder eine Spalte duplizieren m\u00f6chten, <em>klicken Sie mit der rechten Maustaste auf einen Spalten-Handle<\/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=\"Elementor Spalten-Symbol\"\/> und w\u00e4hlen Sie <strong>+Neue Spalte hinzuf\u00fcgen<\/strong> oder <strong>Duplizieren<\/strong> aus dem Kontextmen\u00fc. Sie k\u00f6nnen eine Spalte auch in einen anderen Abschnitt kopieren und einf\u00fcgen, indem Sie die Optionen <strong>Kopieren<\/strong> und <strong>Einf\u00fcgen<\/strong> verwenden, oder Sie k\u00f6nnen nur den <strong>Stil<\/strong> (ohne Inhalt) einer Spalte in eine andere kopieren und einf\u00fcgen.  <\/p>\n\n<p class=\"wp-block-paragraph\">Ein Klick auf <strong>Navigator<\/strong> \u00f6ffnet den Navigator, der bereits f\u00fcr diese bestimmte Spalte konfiguriert ist. Und nat\u00fcrlich wird die Spalte durch Klicken auf <strong>L\u00f6schen<\/strong> entfernt. Wenn der Abschnitt nur eine Spalte hat und Sie diese l\u00f6schen, wird sie entfernt, aber durch eine andere leere Spalte ersetzt.  <\/p>\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a994a556253d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a994a556253d\" 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=\"Elementor Spalten-Kontextmen&#xFC;\" 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\">Wenn Sie auf <strong>Spalte bearbeiten<\/strong> klicken, werden die Spaltenoptionen im Elementor-Panel auf der linken Seite mit den folgenden verf\u00fcgbaren Optionen angezeigt.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"-pestana-disposicion-b0f643c8-62bd-4129-9109-036a2ae0a4dd\"> Layout-Tab<\/h3>\n\n<ol class=\"wp-block-list\">\n<li><strong>Spaltenbreite (%)<\/strong>: Legt die Breite Ihrer Spalten fest, wobei zu beachten ist, dass es sich um einen Prozentsatz des Gesamtbetrags von 100% handelt. Wenn die Gr\u00f6\u00dfe einer Spalte erh\u00f6ht wird, wird sie von der angrenzenden Spalte abgezogen.<\/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>Standard<\/strong>: Die Widgets werden oben ausgerichtet.<\/li>\n\n\n\n<li><strong>Oben<\/strong>: Die Widgets werden oben ausgerichtet.<\/li>\n\n\n\n<li><strong>Mitte<\/strong>: Die Widgets werden in der Mitte ausgerichtet.<\/li>\n\n\n\n<li><strong>Unten<\/strong>: Die Widgets werden unten ausgerichtet.<\/li>\n\n\n\n<li><strong>Zwischenraum<\/strong>: Die Widgets beginnen und enden am Spaltenrand, mit gleichem Abstand dazwischen.<\/li>\n\n\n\n<li><strong>Abstand ringsum<\/strong>: Die Widgets haben den gleichen Abstand, und die R\u00e4nder sind halb so gro\u00df wie der Abstand zwischen den Widgets.<\/li>\n\n\n\n<li><strong>Gleichm\u00e4\u00dfiger Abstand<\/strong>: Die Widgets haben den gleichen Abstand zwischen, vor und nach ihnen.<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=\"Vertikale Spaltenausrichtung\" 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>Horizontale Ausrichtung<\/strong>: Dies erweitert die F\u00e4higkeit der Inline-Positionierung und erm\u00f6glicht es Ihnen, die Inline-Widgets, die in derselben Zeile platziert sind, horizontal auszurichten. Damit diese Ausrichtung m\u00f6glich ist, m\u00fcssen die Widgets, die wir ausrichten m\u00f6chten, im Tab <em>Erweitert<\/em> &gt; <em>Positionierung<\/em> &gt; <em>Breite: Inline (Auto)<\/em> eingestellt haben, damit die Widgets nicht die gesamte Bildschirmbreite einnehmen und horizontal ausgerichtet werden k\u00f6nnen. <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=\"Horizontale Spaltenausrichtung\" 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>HTML-Tag<\/strong>: Legt ein HTML-Tag f\u00fcr Ihre Spalte fest. <a href=\"#html\">Weitere Informationen zu HTML-Tags<\/a>.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Dieser Inhalt verwendet eine \u00e4ltere Elementor-Struktur, die auf Abschnitten und Spalten basiert. Aktuell hat Elementor ein System von Containern eingef\u00fchrt, was die Flexibilit\u00e4t und Organisation des Designs verbessert. Schritt-f\u00fcr-Schritt-Video Was ist ein Abschnitt? Abschnitte in Elementor sind containerartige Bausteine. Innerhalb der Abschnitte befinden sich die Spalten, in denen wir schlie\u00dflich unsere Design-Widgets platzieren. Ein Abschnitt [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":7116,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Elementor: Abschnitte und Spalten einfach verstehen","_seopress_titles_desc":"Dieser Inhalt verwendet eine \u00e4ltere Elementor-Struktur, die auf Abschnitten und Spalten basiert. Aktuell hat Elementor ein Containersystem eingef\u00fchrt, das...","_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":"both","_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":[402],"tags":[433,404],"class_list":["post-7115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-webdesign","tag-wordpress-personalisierung"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/7115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/comments?post=7115"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/7115\/revisions"}],"predecessor-version":[{"id":7117,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/7115\/revisions\/7117"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media\/7116"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media?parent=7115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/categories?post=7115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/tags?post=7115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}