{"id":10129,"date":"2025-11-06T14:28:17","date_gmt":"2025-11-06T14:28:17","guid":{"rendered":"https:\/\/cmacademy.events\/knowledge-base\/elemente-einfuegen-im-website-designer\/"},"modified":"2026-01-22T09:54:10","modified_gmt":"2026-01-22T09:54:10","slug":"elemente-einfuegen-im-website-designer","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/de\/knowledge-base\/elemente-einfuegen-im-website-designer\/","title":{"rendered":"Elemente einf\u00fcgen im Website Designer"},"content":{"rendered":"\n<p>Im Website Designer k\u00f6nnen Sie verschiedene Arten von Elementen hinzuf\u00fcgen, um Ihre Website zu erstellen und anzupassen \u2014 zum Beispiel Text, Bilder, Videos, Buttons oder Spalten. Elemente helfen Ihnen dabei, Ihre Inhalte visuell zu strukturieren und ein Layout zu gestalten, das zu Ihren Bed\u00fcrfnissen passt.<\/p>\n\n\n\n<p>Klicken Sie <a href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/einfuegen-eines-bildes-im-website-designer\/\">hier<\/a>, um mehr dar\u00fcber zu lesen, wie Sie Bilder im Website Designer einf\u00fcgen \u2014 als Hintergrund f\u00fcr die Website, als Hintergrund f\u00fcr eine Sektion oder als Bildelement.<\/p>\n\n\n\n<p>Klicken Sie <a href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/empfohlene-bildgroessen-in-conference-manager\/\">hier<\/a> f\u00fcr eine \u00dcbersicht \u00fcber die empfohlenen Bildgr\u00f6\u00dfen in Conference Manager.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Element einf\u00fcgen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zu <strong>Website<\/strong> und <strong>Setup und Aktivierung<\/strong> gehen.<\/li>\n\n\n\n<li>Auf <strong>Website Designer \u00f6ffnen<\/strong> klicken.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-1-1024x465.png\" alt=\"\" class=\"wp-image-10141\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-1-1024x465.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-1-300x136.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-1-768x349.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-1-50x23.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-1-1536x698.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-1-1568x713.png 1568w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-1.png 1670w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Auf das <strong>Elemente-Symbol<\/strong> in der linken Seitenleiste klicken.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-3-1024x489.png\" alt=\"\" class=\"wp-image-10150\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-3-1024x489.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-3-300x143.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-3-768x367.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-3-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-3-1536x734.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-759-3.png 1562w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Hier sehen Sie verschiedene Elementtypen, unterteilt in die Kategorien <strong>Layout<\/strong>, <strong>Typografie<\/strong>, <strong>Medien<\/strong> und <strong>Komponenten<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Element ausw\u00e4hlen, das eingef\u00fcgt werden soll \u2014 z. B. \u00dcberschrift, Bild, Button oder Spalten.<\/li>\n\n\n\n<li>Maustaste gedr\u00fcckt halten und Element <strong>auf die Seite ziehen<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-760-1024x486.png\" alt=\"\" class=\"wp-image-10154\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-760-1024x486.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-760-300x143.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-760-768x365.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-760-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-760-1536x730.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-760.png 1562w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Elemente k\u00f6nnen nur innerhalb der <strong>gestrichelten Rechtecke<\/strong> platziert werden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-761-1024x488.png\" alt=\"\" class=\"wp-image-10159\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-761-1024x488.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-761-300x143.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-761-768x366.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-761-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-761-1536x732.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-761.png 1562w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Wenn Sie das Element halten und \u00fcber die Seite bewegen, zeigt Ihnen der Mauszeiger an, ob Sie es korrekt platzieren:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"696\" height=\"314\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-762.png\" alt=\"\" class=\"wp-image-10164\" style=\"width:324px;height:auto\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-762.png 696w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-762-300x135.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-762-50x23.png 50w\" sizes=\"auto, (max-width: 696px) 100vw, 696px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wenn der Mauszeiger ein <strong>roter Kreis<\/strong> ist, bedeutet das, dass Sie kein gestricheltes Rechteck treffen.<\/li>\n\n\n\n<li>Wenn der Mauszeiger <strong>wei\u00df (normal)<\/strong> ist und ein gestricheltes Quadrat darunter erscheint, k\u00f6nnen Sie das Element dort platzieren.<\/li>\n<\/ul>\n\n\n\n<p>Maustaste loslassen, sobald der Mauszeiger normal ist \u2014 das Element erscheint dann auf der Seite.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-763-1024x488.png\" alt=\"\" class=\"wp-image-10168\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-763-1024x488.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-763-300x143.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-763-768x366.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-763-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-763-1536x732.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-763.png 1565w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Element bearbeiten<\/h3>\n\n\n\n<p>Sobald das Element platziert wurde, k\u00f6nnen Sie es mit der Toolbox in der rechten Seitenleiste bearbeiten und anpassen.<br>Auf das <strong>Bearbeiten-Symbol (\u270f\ufe0f)<\/strong> am Element klicken, um die Toolbox zu \u00f6ffnen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"344\" height=\"366\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-764.png\" alt=\"\" class=\"wp-image-10172\" style=\"width:130px;height:auto\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-764.png 344w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-764-282x300.png 282w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-764-47x50.png 47w\" sizes=\"auto, (max-width: 344px) 100vw, 344px\" \/><\/figure>\n\n\n\n<p><br>Die verf\u00fcgbaren Einstellungen h\u00e4ngen vom jeweiligen Element ab \u2014 bei einem Textelement k\u00f6nnen Sie zum Beispiel Schriftart und Gr\u00f6\u00dfe anpassen, bei einem Bildelement Breite, H\u00f6he und Ausrichtung.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-765-1-1024x510.png\" alt=\"\" class=\"wp-image-10180\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-765-1-1024x510.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-765-1-300x149.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-765-1-768x382.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-765-1-50x25.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-765-1-1536x764.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-765-1-1568x780.png 1568w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-765-1.png 1670w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Auf das zu bearbeitende Element klicken.<\/li>\n\n\n\n<li>Einstellungen in der Toolbox auf der rechten Seite anpassen.<\/li>\n\n\n\n<li>\u00c4nderungen regelm\u00e4\u00dfig speichern.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Verf\u00fcgbare Elemente<\/h3>\n\n\n\n<p>Sie k\u00f6nnen unterschiedliche Elementtypen kombinieren, um das Layout Ihrer Website zu gestalten. Unten finden Sie eine \u00dcbersicht \u00fcber alle verf\u00fcgbaren Elemente im Panel.<\/p>\n\n\n\n<p><strong>Layout<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"466\" height=\"207\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-766.png\" alt=\"\" class=\"wp-image-10185\" style=\"width:283px;height:auto\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-766.png 466w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-766-300x133.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-766-50x22.png 50w\" sizes=\"auto, (max-width: 466px) 100vw, 466px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Sektion<\/strong> \u2013 unterteilt die Seite in horizontale Bereiche, jeweils mit eigenem Hintergrund.<\/li>\n\n\n\n<li><strong>Spalten<\/strong> \u2013 unterteilt den Inhalt einer Sektion in mehrere vertikale Bereiche.<\/li>\n\n\n\n<li><strong>Trenner<\/strong> \u2013 f\u00fcgt eine d\u00fcnne Linie zur optischen Trennung ein.<\/li>\n<\/ul>\n\n\n\n<p><strong>Typografie<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"463\" height=\"205\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-767.png\" alt=\"\" class=\"wp-image-10190\" style=\"width:281px;height:auto\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-767.png 463w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-767-300x133.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-767-50x22.png 50w\" sizes=\"auto, (max-width: 463px) 100vw, 463px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u00dcberschrift<\/strong> \u2013 H1, H2, H3 oder H4.<\/li>\n\n\n\n<li><strong>Textk\u00f6rper<\/strong> \u2013 f\u00fcr l\u00e4ngere Texte oder Beschreibungen.<\/li>\n<\/ul>\n\n\n\n<p><strong>Medien<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"464\" height=\"205\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-768.png\" alt=\"\" class=\"wp-image-10194\" style=\"width:282px;height:auto\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-768.png 464w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-768-300x133.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-768-50x22.png 50w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bild<\/strong> \u2013 Bild aus der Medienbibliothek hinzuf\u00fcgen.<\/li>\n\n\n\n<li><strong>Video<\/strong> \u2013 Video einbetten (von den unterst\u00fctzten Plattformen <strong>YouTube<\/strong> oder <strong>Vimeo<\/strong>).<\/li>\n<\/ul>\n\n\n\n<p><strong>Komponenten<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"467\" height=\"215\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-769.png\" alt=\"\" class=\"wp-image-10198\" style=\"width:284px;height:auto\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-769.png 467w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-769-300x138.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-769-50x23.png 50w\" sizes=\"auto, (max-width: 467px) 100vw, 467px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Karte<\/strong> \u2013 zeigt eine Karte basierend auf der als Veranstaltungsort eingegebenen Adresse an. Sie k\u00f6nnen auch manuell eine andere Adresse direkt in der <strong>Karten<\/strong>-Toolbox eingeben.<\/li>\n\n\n\n<li><strong>Button<\/strong> \u2013 <strong>Button<\/strong> \u2013 f\u00fcgt einen anklickbaren Button ein, der zu einer Seite Ihrer Website oder zu einer externen Seite f\u00fchrt.<\/li>\n\n\n\n<li><strong>Logo<\/strong> \u2013 f\u00fcgt Ihr Veranstaltungslogo ein. Das Logo-Element kann nur im Header platziert werden, wenn dort nicht bereits ein Logo vorhanden ist.<\/li>\n<\/ul>\n\n\n\n<p><strong>Tipp:<\/strong> Wenn Sie ein Element verschieben m\u00f6chten, m\u00fcssen Sie es l\u00f6schen und an der neuen Position erneut einf\u00fcgen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mit Spalten arbeiten<\/h3>\n\n\n\n<p>Sie k\u00f6nnen <strong>Spalten<\/strong> verwenden, um Inhalte nebeneinander anzuordnen \u2014 zum Beispiel Text neben einem Bild oder mehrere Inhalte in einer Reihe.<\/p>\n\n\n\n<p>Spalten hinzuf\u00fcgen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Auf das <strong>Elemente<\/strong>-Symbol in der linken Seitenleiste klicken.<\/li>\n\n\n\n<li><strong>Spaltenelement<\/strong> unter <strong>Layout<\/strong> auf die Seite ziehen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-770-1024x487.png\" alt=\"\" class=\"wp-image-10203\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-770-1024x487.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-770-300x143.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-770-768x365.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-770-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-770-1536x731.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-770.png 1562w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Anzahl der Spalten in der <strong>Spalten<\/strong>-Toolbox ausw\u00e4hlen (z. B. 2, 3 oder 4) und Spaltenbreite mit dem <strong>Anpassen<\/strong>-Regler anpassen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"799\" height=\"657\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-771.png\" alt=\"\" class=\"wp-image-10208\" style=\"width:339px;height:auto\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-771.png 799w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-771-300x247.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-771-768x632.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-771-50x41.png 50w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/figure>\n\n\n\n<p>Innerhalb jedes gestrichelten Rechtecks k\u00f6nnen Sie weitere Elemente einf\u00fcgen \u2014 z. B. <strong>\u00dcberschriften<\/strong>, <strong>Text <\/strong>oder <strong>Bilder<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-772-1024x487.png\" alt=\"\" class=\"wp-image-10212\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-772-1024x487.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-772-300x143.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-772-768x366.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-772-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-772-1536x731.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-772.png 1563w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Jede Spalte funktioniert als eigener Bereich, in dem Inhalte separat platziert und formatiert werden k\u00f6nnen.<\/p>\n\n\n\n<p>Wenn Sie die Spalten l\u00f6schen m\u00f6chten, klicken Sie auf sie und w\u00e4hlen Sie in der Toolbox <strong>Element l\u00f6schen<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vordefinierte Sektionen einf\u00fcgen<\/h3>\n\n\n\n<p>Im Website Designer k\u00f6nnen Sie auch vorgefertigte Inhaltssektionen einf\u00fcgen.<br>Diese enthalten bereits Elemente in einem ausbalancierten Layout, sodass Sie nicht bei null beginnen m\u00fcssen.<\/p>\n\n\n\n<p>Vordefinierte Sektion einf\u00fcgen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Maus zwischen zwei Sektionen bewegen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-773-1024x488.png\" alt=\"\" class=\"wp-image-10216\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-773-1024x488.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-773-300x143.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-773-768x366.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-773-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-773-1536x732.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-773.png 1563w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Plus-Symbol (\u2795) anklicken.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-774-1024x487.png\" alt=\"\" class=\"wp-image-10220\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-774-1024x487.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-774-300x143.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-774-768x365.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-774-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-774-1536x730.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-774.png 1569w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Eine der verf\u00fcgbaren Konfigurationen ausw\u00e4hlen \u2014 z. B. Intro mit <strong>Bild und Text<\/strong>, <strong>Text und Video<\/strong> oder <strong>Text und Schaltfl\u00e4chen<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-775-1024x487.png\" alt=\"\" class=\"wp-image-10224\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-775-1024x487.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-775-300x143.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-775-768x365.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-775-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-775-1536x731.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-775-1568x746.png 1568w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-775.png 1591w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Die ausgew\u00e4hlte Sektion wird der Seite hinzugef\u00fcgt. Anschlie\u00dfend k\u00f6nnen Sie den Beispielinhalt durch Ihren eigenen Text, Bilder oder Videos ersetzen.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Globale Einstellungen<\/h3>\n\n\n\n<p>Klicken Sie auf das <strong>Einstellungen<\/strong>-Symbol <strong>(\u2699\ufe0f)<\/strong> in der linken Seitenleiste, um die globalen Einstellungen f\u00fcr Ihre Website zu \u00f6ffnen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-724-1-1024x486.png\" alt=\"\" class=\"wp-image-9624\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-724-1-1024x486.png 1024w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-724-1-300x142.png 300w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-724-1-768x365.png 768w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-724-1-50x24.png 50w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-724-1-1536x729.png 1536w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-724-1-1568x744.png 1568w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-724-1.png 1597w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Hier k\u00f6nnen Sie die Standardstile f\u00fcr \u00dcberschriften, Flie\u00dftext, Buttons und Links festlegen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"345\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-776.png\" alt=\"\" class=\"wp-image-10233\" style=\"width:283px;height:auto\" srcset=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-776.png 283w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-776-246x300.png 246w, https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/11\/Group-776-41x50.png 41w\" sizes=\"auto, (max-width: 283px) 100vw, 283px\" \/><\/figure>\n\n\n\n<p><strong>Diese gelten f\u00fcr Ihre gesamte Website \u2014 einschlie\u00dflich der Anmeldeseite.<\/strong><\/p>\n\n\n\n<p>Zum Beispiel:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Unter <strong>\u00dcberschriften<\/strong> k\u00f6nnen Sie Standardschrift, -gr\u00f6\u00dfe und -farbe f\u00fcr alle \u00dcberschriften (H1\u2013H4) festlegen.<\/li>\n\n\n\n<li>Unter <strong>Textk\u00f6rper<\/strong> k\u00f6nnen Sie Schriftstil und Absatzabstand definieren.<\/li>\n\n\n\n<li>Unter <strong>Schaltfl\u00e4chen-Stil 1<\/strong> und <strong>Schaltfl\u00e4chen-Stil 2<\/strong> k\u00f6nnen Sie das standardm\u00e4\u00dfige Erscheinungsbild Ihrer Schaltfl\u00e4chen einstellen.<\/li>\n\n\n\n<li>Unter <strong>Links<\/strong> k\u00f6nnen Sie Farbe und Hover-Verhalten festlegen.<\/li>\n<\/ul>\n\n\n\n<p>Wenn Sie ein neues Element wie eine \u00dcberschrift oder einen Text einf\u00fcgen, werden automatisch die Standardstile verwendet.<br>Sie k\u00f6nnen das jeweilige Element jedoch jederzeit individuell in der Toolbox anpassen.<\/p>\n\n\n\n<div class=\"author-box\" style=\"display: flex; align-items: center; gap: 20px; padding: 30px 0; font-family: 'Titillium Web', sans-serif; margin-top: 50px; border: none;\"> \n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2025\/05\/Design-uden-navn-41.png\" alt=\"Elisabeth Bj\u00f8rn Andersen\" style=\"width: 80px; height: 80px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 12px rgba(24, 90, 188, 0.5);\"\/>\n  <div style=\"display: flex; flex-direction: column; justify-content: center;\">\n    <div style=\"font-size: 20px; font-weight: 700; color: #185ABC; margin: 0;\">Elisabeth Bj\u00f8rn Andersen<\/div>\n    <div style=\"font-size: 14px; color: #555; margin: 0;\">Ver\u00f6ffentlicht: 06.11.2025<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Im Website Designer k\u00f6nnen Sie verschiedene Arten von Elementen hinzuf\u00fcgen, um Ihre Website zu erstellen und anzupassen \u2014 zum Beispiel Text, Bilder, Videos, Buttons oder Spalten. Elemente helfen Ihnen dabei, Ihre Inhalte visuell zu strukturieren und ein Layout zu gestalten, das zu Ihren Bed\u00fcrfnissen passt. Klicken Sie hier, um mehr dar\u00fcber zu lesen, wie Sie &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/de\/knowledge-base\/elemente-einfuegen-im-website-designer\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eElemente einf\u00fcgen im Website Designer\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[226],"ht-kb-tag":[416,213,140,206],"class_list":["post-10129","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-supportartikel","ht_kb_tag-designer-de","ht_kb_tag-elemente","ht_kb_tag-elements","ht_kb_tag-website-de","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/10129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/comments?post=10129"}],"version-history":[{"count":14,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/10129\/revisions"}],"predecessor-version":[{"id":10238,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb\/10129\/revisions\/10238"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/media?parent=10129"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb-category?post=10129"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=10129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}