{"id":117178,"date":"2023-01-19T14:15:11","date_gmt":"2023-01-19T14:15:11","guid":{"rendered":"https:\/\/elementor.com\/blog\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/"},"modified":"2025-12-01T16:32:16","modified_gmt":"2025-12-01T14:32:16","slug":"einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/","title":{"rendered":"Einf\u00fchrung von Elementor 3.10 &#8211; Neue Verschachtelte Elemente &#8211; die Zukunft des Designs mit Elementor-Widgets"},"content":{"rendered":"\n<p><a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"Elementor\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"1268\">Elementor<\/a> und Elementor Pro 3.10 enthalten neue Designf\u00e4higkeiten, die eine ganz neue Welt der Kreativit\u00e4t beim Entwerfen Ihrer Websites mit verschachtelten Elementen er\u00f6ffnen, und f\u00fchren eine neue benutzerdefinierte Einheit in den Gr\u00f6\u00dfensteuerungen ein, die es Ihnen erm\u00f6glicht, ein h\u00f6heres Ma\u00df an Genauigkeit beim Entwerfen Ihrer Websites zu erreichen.\nDiese Versionen enthalten auch eine neue containerbasierte Bibliothek und Leistungsverbesserungen. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2400\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/01-Nested-Tabs.png\" alt=\"\" class=\"wp-image-84736\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Neue Verschachtelte Elemente, die das Design Ihrer Website verbessern werden<\/strong><\/h2>\n\n<p>Verschachtelte Elemente er\u00f6ffnen eine v\u00f6llig neue Art, das Design Ihrer Website zu konzipieren.\nMit verschachtelten Elementen k\u00f6nnen Sie jedes Element in ein anderes einf\u00fcgen, indem Sie die Kraft von Flexbox-Containern nutzen.\n\u00c4hnlich wie Sie einen Container in einen anderen einf\u00fcgen und unendlich verschachteln k\u00f6nnen, k\u00f6nnen Sie mit verschachtelten Elementen jedes Element (Widget oder Container) in ein anderes einf\u00fcgen.   <\/p>\n\n<p>Da Flexbox-Container offiziell stabil sind, werden wir in den kommenden Versionen die Verschachtelungsf\u00e4higkeit in eine Reihe bestehender <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/widgets\/\" title=\"Widgets\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4001\">Widgets<\/a> wie Karussell, Akkordeon, Tabs und mehr einf\u00fchren.\nWir werden auch v\u00f6llig neue verschachtelte Widgets wie das Mega-Men\u00fc einf\u00fchren. <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>Einf\u00fchrung des erneuerten Tabs-Widgets &#8211; Das erste verschachtelte Elementor-Widget, das Designflexibilit\u00e4t freischaltet<\/strong><\/h3>\n\n<p>Mit dem neuen Tabs-Widget k\u00f6nnen Sie Ihre Designkreativit\u00e4t entfesseln und ein hohes Ma\u00df an Raffinesse erreichen.\nDas neue Tabs-Widget ist containerbasiert und enth\u00e4lt im Vergleich zum urspr\u00fcnglichen Tabs-Widget drei Hauptverbesserungen:  <\/p>\n\n<ul class=\"wp-block-list\"><li>Tabs und Titel &#8211; Mit dem neuen Tabs-Widget k\u00f6nnen Sie das Layout und die Positionierung der Tabs anpassen, um zu bestimmen, wo sie sich in Bezug auf den Inhalt der Tabs befinden &#8211; oben, unten oder an einer der Seiten.\nZus\u00e4tzlich haben Sie mehr Styling-Optionen, einschlie\u00dflich der M\u00f6glichkeit, Symbole zum Tab-Titel hinzuzuf\u00fcgen.  <\/li><li>Neuer Inhaltsbereich &#8211; Mit der Kraft von Flexbox-Containern wird der Inhaltsbereich jedes Tabs zu einem Hauptcontainer, in dem Sie jedes Element platzieren, sein Layout anpassen und jeden gew\u00fcnschten Inhalt pr\u00e4sentieren k\u00f6nnen &#8211; genau wie die leere Leinwand des Editors.<\/li><li>Neue <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\" title=\"Reaktionsschnell\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"7419\">Responsive<\/a>-Einstellung &#8211; Um das Design und die Benutzererfahrung je nach Ger\u00e4tegr\u00f6\u00dfe zu verbessern, k\u00f6nnen Sie den Breakpoint ausw\u00e4hlen, bei dem der Tab automatisch als Akkordeon angezeigt wird.\nDas bedeutet, dass Sie nicht f\u00fcr jedes Ger\u00e4t unterschiedliche Inhalte erstellen m\u00fcssen, was auch die Leistung verbessert.  <\/li><\/ul>\n\n<p>Da das Tabs-Widget containerbasiert ist, m\u00fcssen Sie sicherstellen, dass die Flexbox-Container- und Verschachtelte-Elemente-Experimente aktiviert sind, um es auf Ihrer Website zu verwenden.\nSobald aktiviert, wird das neue Tabs-Widget automatisch das bestehende im Widget-Panel ersetzen (dies wird das Design bestehender Tabs auf Ihrer Website nicht beeinflussen). <\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1260\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/02-New-Calc-Auto.png\" alt=\"\" class=\"wp-image-84737\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Neue benutzerdefinierte Einheiten &#8211; W\u00e4hlen Sie jede gew\u00fcnschte Einheit, einschlie\u00dflich CSS-Mathematikfunktionen<\/strong><\/h2>\n\n<p>Die numerischen Steuerungen im Editor werden aufger\u00fcstet, und Sie k\u00f6nnen jetzt jede gew\u00fcnschte Einheit w\u00e4hlen, numerische Einheiten mischen und <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\" title=\"CSS\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4496\">CSS<\/a>-Funktionsberechnungen innerhalb dieser durchf\u00fchren.\nViele Elemente im Editor enthalten Optionen f\u00fcr die Gr\u00f6\u00dfenanpassung, wie Polsterung und R\u00e4nder, Schriftgr\u00f6\u00dfe und mehr.\nDie weise Verwendung dieser Gr\u00f6\u00dfeneinheiten kann sich positiv auf die Designgenauigkeit und die Reaktionsf\u00e4higkeit der Website auswirken.   <\/p>\n\n<p>Fr\u00fcher mussten Sie, wenn Sie beispielsweise die Polsterung oder R\u00e4nder anpassten, eine der folgenden Einheitentypen w\u00e4hlen: PX, EM, <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/help\/whats-the-difference-between-px-em-rem-vw-and-vh\/\" title=\"REM\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2926\">REM<\/a>, %, oder VW.\nMit diesem Update k\u00f6nnen Sie auch die benutzerdefinierte Option w\u00e4hlen, um spezifischer mit Ihren Einheitsauswahlen zu sein.\nZum Beispiel k\u00f6nnten Sie PX f\u00fcr die Seiten und % f\u00fcr oben und unten w\u00e4hlen.\nZus\u00e4tzlich wurden mit diesem Update die Einheitsbezeichnungen in eine Dropdown-Liste verschoben, um die neue benutzerdefinierte Option aufzunehmen.    <\/p>\n\n<p>Die Wahl der benutzerdefinierten Option erm\u00f6glicht es Ihnen auch, Berechnungen f\u00fcr die Messung eines Wertes innerhalb des Werteingabefeldes durchzuf\u00fchren, so dass Sie eine gr\u00f6\u00dfere Designgenauigkeit und responsive support erreichen k\u00f6nnen. <\/p>\n\n<p>Wenn Sie beispielsweise die benutzerdefinierte Option in den <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\" title=\"Typografie\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"5438\">Typografie<\/a>-Gr\u00f6\u00dfensteuerungen w\u00e4hlen, k\u00f6nnen Sie die `clamp()`-CSS-Funktion verwenden, um Ihre Typografiegr\u00f6\u00dfe an verschiedene Ger\u00e4tegr\u00f6\u00dfen anzupassen, oder die `calc()`-CSS-Funktion, um einen Wert zu berechnen und festzulegen, der Einheiten mischt, und mehr. <\/p>\n\n<p>Als Teil dieser Version erhalten die folgenden Gr\u00f6\u00dfensteuerungen benutzerdefinierte Optionen: <\/p>\n\n<ul class=\"wp-block-list\"><li>Container, Abschnitte und Spalten &#8211; \u00fcberall m\u00f6glich, einschlie\u00dflich benutzerdefinierter Breite, Rand usw. <\/li><li>Typografie-Steuerungen &#8211; Zeilenh\u00f6he, Buchstabenabstand und Wortabstand.<\/li><\/ul>\n\n<p>Zus\u00e4tzliche Bereiche werden in Zukunft ebenfalls aktualisiert.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/03-Containers.png\" alt=\"\" class=\"wp-image-84738\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Containerbasierte vollst\u00e4ndige Website-Kits, Vorlagen und Bl\u00f6cke<\/strong><\/h2>\n\n<p>Da Flexbox-Container als Beta markiert sind, war es wichtig, Ihnen containerbasierte vollst\u00e4ndige Website-Kits und <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/\" title=\"Vorlagen\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2080\">Vorlagen<\/a> bereitzustellen, um sie stabil und einsatzbereit zu machen.\nIn den letzten Wochen hat das Bibliotheksteam daran gearbeitet, eine vollst\u00e4ndige containerbasierte Bibliothek zu erstellen, damit Sie den Erstellungs- und Designprozess Ihrer Website starten k\u00f6nnen, wenn Sie das Flexbox-Container-Experiment aktivieren, und dabei die aktuellsten Designtrends nutzen k\u00f6nnen.  <\/p>\n\n<p>Wenn Sie jetzt das Flexbox-Container-Experiment auf Ihrer Website aktivieren, haben Sie eine v\u00f6llig neue Kit- und Vorlagenbibliothek.\nDie Updates umfassen auch Dutzende der beliebtesten vollst\u00e4ndigen Website-Kits und Seitentemplates, die vom abschnittsbasierten Layout zu Flexbox-Containern konvertiert wurden, sowie brandneue Website-Kits und Seitentemplates.  <\/p>\n\n<p>Mit der neuen Bibliothek gibt es zwei weitere bemerkenswerte Updates.\nDas erste ist, dass wir einige Mini-Shops eingef\u00fchrt haben, ein Ein-Seiten-Komplett-Website-Kit f\u00fcr <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/ecommerce\/\" title=\"eCommerce\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"3557\">E-Commerce<\/a>-Websites, einschlie\u00dflich PayPal- und Stripe-Schaltfl\u00e4chen zur Zahlungserfassung.\nDas zweite ist, dass alle vorherigen Bl\u00f6cke (wie Kontakt, <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/404-not-found\/\" title=\"404\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4609\">404<\/a> usw.) durch komplett neue Designs ersetzt wurden.  <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/04-Dynamic-Due-Date-in-Countdown.png\" alt=\"\" class=\"wp-image-84740\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>[Pro] Dynamisches F\u00e4lligkeitsdatum im Countdown-Widget<\/strong><\/h2>\n\n<p>Das Countdown-Widget, ein gro\u00dfartiges Tool zur Erstellung von FOMO und zur Steigerung der Konversion, verf\u00fcgt jetzt \u00fcber eine dynamische Tag-Kontrolle im F\u00e4lligkeitsdatum.\nMit diesem Update k\u00f6nnen Sie native WordPress-Benutzerdefinierte Felder sowie benutzerdefinierte Felder von ACF und PODS verwenden, um das F\u00e4lligkeitsdatum auf jeder Seite dynamisch zu f\u00fcllen.  <\/p>\n\n<p>Mit den neuen dynamischen Tag-Kontrollen k\u00f6nnen Sie das Countdown-Widget beispielsweise in der Einzelbeitragsvorlage verwenden und ein benutzerdefiniertes Feld in WordPress zu jedem Ihrer Beitr\u00e4ge hinzuf\u00fcgen, das das F\u00e4lligkeitsdatum enth\u00e4lt, das Sie in jedem Beitrag einf\u00fcgen m\u00f6chten.\nDies erm\u00f6glicht es Ihnen auch, eine Website an einen Kunden zu liefern, w\u00e4hrend dieser das F\u00e4lligkeitsdatum in WordPress aktualisieren kann, ohne ihn zum Editor zu schicken, wo er m\u00f6glicherweise Ihr Design \u00e4ndert. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/05-Disable-Google-Font-1.png\" alt=\"\" class=\"wp-image-84743\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Neu: Google Fonts vollst\u00e4ndig deaktivieren<\/strong><\/h2>\n\n<p>Google Fonts, eine beliebte Online-Schriftbibliothek, erm\u00f6glicht es Ihnen, eine Vielzahl von Schriftarten auf Ihrer Website zu verwenden.\nIn j\u00fcngster Zeit wurde jedoch festgestellt, dass Google Fonts in einigen F\u00e4llen gegen die DSGVO und Datenschutzbestimmungen verst\u00f6\u00dft.  <\/p>\n\n<p>Um dieses Risiko zu eliminieren, erm\u00f6glicht Elementor Ihnen, alle Google Fonts von Ihrer Website zu entfernen.\nWenn Sie Google Fonts deaktivieren, k\u00f6nnen Sie die Online-Google-Schriftbibliothek im Editor nicht mehr verwenden, was die Anzahl der im Editor verf\u00fcgbaren Schriftarten auf 7 reduziert.\nWenn Sie bereits eine Google-Schriftart auf Ihrer Website verwendet haben, sich jedoch entscheiden, Google Fonts mit diesem Update zu deaktivieren, werden alle Schriftarten auf Ihrer Website auf eine der verf\u00fcgbaren Schriftarten auf Ihrer Website zur\u00fcckgesetzt.\nUm Ihre Lieblingsschriftarten weiterhin zu verwenden, k\u00f6nnen Sie lokal gehostete Schriftarten in Elementor hochladen, indem Sie die <a href=\"https:\/\/elementor.com\/help\/custom-fonts-pro\/\">Benutzerdefinierte Schriftarten<\/a>-Funktion verwenden, die f\u00fcr Elementor Pro-Benutzer verf\u00fcgbar ist.   <\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Group-10881463.png\" alt=\"\" class=\"wp-image-84744\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>Leistungs- und Zug\u00e4nglichkeitsverbesserungen<\/strong><\/h2>\n\n<p>In Elementor 3.10 f\u00fchren wir weiterhin Leistungs- und Zug\u00e4nglichkeitsverbesserungen ein.\nDieses Update umfasst drei neue Leistungsverbesserungs-Updates und zwei Zug\u00e4nglichkeitsverbesserungs-Updates.  <\/p>\n\n<h4 class=\"wp-block-heading\">Lazy Load Google Maps <\/h4>\n\n<p>Das Google Maps-Widget von Elementor erm\u00f6glicht es Ihnen, eine Karte an beliebiger Stelle auf Ihrer Website zu platzieren, das perfekte Widget, wenn Sie einen bestimmten Standort mit Ihren Website-Besuchern teilen m\u00f6chten.\nMit diesem Update k\u00f6nnen Sie Google Maps-Iframes lazy loaden, was die anf\u00e4ngliche Seitenladezeit beschleunigt. <\/p>\n\n<h4 class=\"wp-block-heading\">Lazy Loading von Bildern mit benutzerdefinierten Gr\u00f6\u00dfen<\/h4>\n\n<p>Die Gr\u00f6\u00dfe des Bildes, das Sie verwenden, kann einen erheblichen Einfluss auf die Leistung Ihrer Website haben.\nIn fr\u00fcheren Updates haben wir die M\u00f6glichkeit hinzugef\u00fcgt, nahezu jedes in die Medienbibliothek hochgeladene Bild lazy zu loaden.\nMit Elementor 3.10 k\u00f6nnen Sie auch benutzerdefinierte Gr\u00f6\u00dfenbilder lazy loaden.   <\/p>\n\n<h4 class=\"wp-block-heading\">Steuerung des Preloads von selbstgehosteten Videos<\/h4>\n\n<p>\u00c4hnlich wie bei Bildern haben auch Videos einen Einfluss auf die Geschwindigkeit und Leistung Ihrer Website, wobei selbstgehostete Videos im Allgemeinen mehr Einfluss haben als beispielsweise auf YouTube gehostete Videos, die Optimierungstechniken anwenden.\nMit diesem Update k\u00f6nnen Sie anstelle des Ladens selbstgehosteter Videos w\u00e4hrend der anf\u00e4nglichen Seitenladezeit w\u00e4hlen, ob Sie das Video, die Metadaten des Videos oder keinen Inhalt vorladen m\u00f6chten, bevor der Besucher auf Play dr\u00fcckt. <\/p>\n\n<h4 class=\"wp-block-heading\">Zug\u00e4nglichkeitsverbesserungen f\u00fcr die Seitennavigation<\/h4>\n\n<p>Das Blockzitat-Widget und das Post-Kommentare-Widget, zwei <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/pro\/\" title=\"Elementor Pro\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"2892\">Elementor Pro<\/a>-Widgets, erhielten Markup-Updates, um sie noch zug\u00e4nglicher f\u00fcr Menschen mit Behinderungen zu machen, die unterst\u00fctzende Technologien verwenden, um durch die Seite zu navigieren.<\/p>\n\n<h3 class=\"wp-block-heading\">Genie\u00dfen Sie mehr Designoptionen, mehr Reaktionsf\u00e4higkeit und bessere Leistung <\/h3>\n\n<p>Elementor 3.10 er\u00f6ffnet Ihnen eine Vielzahl neuer Designm\u00f6glichkeiten f\u00fcr Ihre Website.\nDie Einf\u00fchrung des neuen Tabs-Widgets, das erste Update, das die F\u00e4higkeit der verschachtelten Elemente nutzt, erm\u00f6glicht es Ihnen, hochentwickelte und kreative Layouts mit allen Elementor-Widgets in einer vertrauten Drag-and-Drop-Manier zu erstellen.\nWenn Sie Flexbox-Container aktivieren, um dieses neue Widget zu verwenden, wird Ihnen auch ein v\u00f6llig neues Container-basiertes Kit und eine Vorlagenbibliothek zur Verf\u00fcgung stehen, um Ihren kreativen Prozess zu starten.   <\/p>\n\n<p>Probieren Sie Elementor 3.10 unbedingt aus und lassen Sie uns in den Kommentaren unten wissen, was Sie denken. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementor 3.10 ist vollgepackt mit lang erwarteten Funktionen, die das Design Ihrer Website verbessern werden.<br \/>\nDiese Version enth\u00e4lt das erste verschachtelte Element &#8211; Tabs, benutzerdefinierte Einheitenoptionen, neue Container-Bibliothek und mehr. <\/p>\n","protected":false},"author":2024207,"featured_media":117179,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[255,291,323],"tags":[446],"marketing_persona":[],"marketing_intent":[],"class_list":["post-117178","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-de","category-elementor-de","category-new-features-de","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Einf\u00fchrung von Elementor 3.10 - Neue Verschachtelte Elemente - die Zukunft des Designs mit Elementor-Widgets<\/title>\n<meta name=\"description\" content=\"Elementor 3.10 ist vollgepackt mit lang erwarteten Funktionen, die das Design Ihrer Website verbessern werden. Diese Version enth\u00e4lt das erste verschachtelte Element - Tabs, benutzerdefinierte Einheitenoptionen, neue Container-Bibliothek und mehr.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Einf\u00fchrung von Elementor 3.10 - Neue Verschachtelte Elemente - die Zukunft des Designs mit Elementor-Widgets\" \/>\n<meta property=\"og:description\" content=\"Elementor 3.10 ist vollgepackt mit lang erwarteten Funktionen, die das Design Ihrer Website verbessern werden. Diese Version enth\u00e4lt das erste verschachtelte Element - Tabs, benutzerdefinierte Einheitenoptionen, neue Container-Bibliothek und mehr.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-19T14:15:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-01T14:32:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gabriella Laster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella Laster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"8\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/\"},\"author\":{\"name\":\"Gabriella Laster\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\"},\"headline\":\"Einf\u00fchrung von Elementor 3.10 &#8211; Neue Verschachtelte Elemente &#8211; die Zukunft des Designs mit Elementor-Widgets\",\"datePublished\":\"2023-01-19T14:15:11+00:00\",\"dateModified\":\"2025-12-01T14:32:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/\"},\"wordCount\":1538,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png\",\"keywords\":[\"Video\"],\"articleSection\":[\"Blog\",\"Elementor\",\"Neue Funktionen\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/\",\"url\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/\",\"name\":\"Einf\u00fchrung von Elementor 3.10 - Neue Verschachtelte Elemente - die Zukunft des Designs mit Elementor-Widgets\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png\",\"datePublished\":\"2023-01-19T14:15:11+00:00\",\"dateModified\":\"2025-12-01T14:32:16+00:00\",\"description\":\"Elementor 3.10 ist vollgepackt mit lang erwarteten Funktionen, die das Design Ihrer Website verbessern werden. Diese Version enth\u00e4lt das erste verschachtelte Element - Tabs, benutzerdefinierte Einheitenoptionen, neue Container-Bibliothek und mehr.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png\",\"width\":2400,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/de\/category\/blog-de\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Einf\u00fchrung von Elementor 3.10 &#8211; Neue Verschachtelte Elemente &#8211; die Zukunft des Designs mit Elementor-Widgets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/de\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\",\"name\":\"Gabriella Laster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/elementor.com\/blog\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"caption\":\"Gabriella Laster\"},\"description\":\"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.\",\"url\":\"https:\/\/elementor.com\/blog\/de\/author\/gabriellal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Einf\u00fchrung von Elementor 3.10 - Neue Verschachtelte Elemente - die Zukunft des Designs mit Elementor-Widgets","description":"Elementor 3.10 ist vollgepackt mit lang erwarteten Funktionen, die das Design Ihrer Website verbessern werden. Diese Version enth\u00e4lt das erste verschachtelte Element - Tabs, benutzerdefinierte Einheitenoptionen, neue Container-Bibliothek und mehr.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/","og_locale":"de_DE","og_type":"article","og_title":"Einf\u00fchrung von Elementor 3.10 - Neue Verschachtelte Elemente - die Zukunft des Designs mit Elementor-Widgets","og_description":"Elementor 3.10 ist vollgepackt mit lang erwarteten Funktionen, die das Design Ihrer Website verbessern werden. Diese Version enth\u00e4lt das erste verschachtelte Element - Tabs, benutzerdefinierte Einheitenoptionen, neue Container-Bibliothek und mehr.","og_url":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2023-01-19T14:15:11+00:00","article_modified_time":"2025-12-01T14:32:16+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png","type":"image\/png"}],"author":"Gabriella Laster","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Verfasst von":"Gabriella Laster","Gesch\u00e4tzte Lesezeit":"8\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/"},"author":{"name":"Gabriella Laster","@id":"https:\/\/elementor.com\/blog\/de\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a"},"headline":"Einf\u00fchrung von Elementor 3.10 &#8211; Neue Verschachtelte Elemente &#8211; die Zukunft des Designs mit Elementor-Widgets","datePublished":"2023-01-19T14:15:11+00:00","dateModified":"2025-12-01T14:32:16+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/"},"wordCount":1538,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/de\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png","keywords":["Video"],"articleSection":["Blog","Elementor","Neue Funktionen"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/","url":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/","name":"Einf\u00fchrung von Elementor 3.10 - Neue Verschachtelte Elemente - die Zukunft des Designs mit Elementor-Widgets","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png","datePublished":"2023-01-19T14:15:11+00:00","dateModified":"2025-12-01T14:32:16+00:00","description":"Elementor 3.10 ist vollgepackt mit lang erwarteten Funktionen, die das Design Ihrer Website verbessern werden. Diese Version enth\u00e4lt das erste verschachtelte Element - Tabs, benutzerdefinierte Einheitenoptionen, neue Container-Bibliothek und mehr.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/de\/einfuehrung-von-elementor-3-10-neue-verschachtelte-elemente-die-zukunft-des-designs-mit-elementor-widgets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/de\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/elementor.com\/blog\/de\/category\/blog-de\/"},{"@type":"ListItem","position":3,"name":"Einf\u00fchrung von Elementor 3.10 &#8211; Neue Verschachtelte Elemente &#8211; die Zukunft des Designs mit Elementor-Widgets"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/de\/#website","url":"https:\/\/elementor.com\/blog\/de\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/de\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/blog\/de\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/de\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a","name":"Gabriella Laster","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/elementor.com\/blog\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","caption":"Gabriella Laster"},"description":"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.","url":"https:\/\/elementor.com\/blog\/de\/author\/gabriellal\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/posts\/117178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/users\/2024207"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/comments?post=117178"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/posts\/117178\/revisions"}],"predecessor-version":[{"id":117180,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/posts\/117178\/revisions\/117180"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/media\/117179"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/media?parent=117178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/categories?post=117178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/tags?post=117178"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/marketing_persona?post=117178"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/de\/wp-json\/wp\/v2\/marketing_intent?post=117178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}