Verwende Streifen über die gesamte Bildschirmbreite, um deinen Inhalt zu strukturieren und ihn in horizontale Abschnitte aufzuteilen, um ein professionelles Erscheinungsbild zu erzielen. Wähle aus ein...

Wix Editor: Einen Streifen hinzufügen und einrichten

<div data-component-type="text"><div>Verwende Streifen über die gesamte Bildschirmbreite, um deinen Inhalt zu strukturieren und ihn in horizontale Abschnitte aufzuteilen, um ein professionelles Erscheinungsbild zu erzielen. Wähle aus einer Vielzahl von Elementen, die du deinem Streifen hinzufügen kannst, und passe dann den Streifenhintergrund mit Farbe, Bild oder Video an.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-strip" level="3">Einen Streifen hinzufügen</h2></div><div data-component-type="text"><div>Füge einen Streifen hinzu, um deine Seite zu strukturieren.Du kannst Streifen verwenden, um den Inhalt und die Informationen deiner Seite aufzuteilen. Beliebte Ideen für Streifen sind z. B. Kontaktangaben und Preislisten.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Streifen sehen besonders gut auf <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-einseitige-website-erstellen" target="">einseitigen Websites</a> aus.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Streifen hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf der linken Seite des Editors auf <strong>Hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />.</li>  <li>Klicke auf <strong>Streifen</strong>.</li>  <li>Wähle den Streifen aus, den du hinzufügen möchtest.</li>  <li>Ziehe ein Streifenelement auf deine Seite.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/70898dd7-09fa-4d2f-a5a4-2b40f30b6db1/6e65741d-5e09-4191-aea5-a4cec9013679.png" alt="Screenshot, der zeigt, wie ein Streifen im Editor-Panel ausgewählt wird." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-elements-to-your-strip" level="3">Elemente zu deinem Streifen hinzufügen</h2></div><div data-component-type="text"><div>Erstelle deinen Streifen, indem du relevante Inhalte hinzufügst.Sobald Elemente <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-an-einen-streifen-hängen#attaching-elements-to-a-strip" target="">an deinen Streifen angeheftet wurden</a>, kannst du den Streifen und die Elemente ganz einfach auf deinen Seiten verschieben.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bevor du loslegst: </div><div class="info-content"><div>Ändere die Größe des Streifens oder Elements, sodass das Element in den Streifen passt, bevor du versuchst, es anzuhängen.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um Elemente zu deinem Streifen hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Ziehe das Element über den Streifen.</li>  <li>Lege das Element ab, wenn du die Nachricht <strong>An Streifen anhängen</strong> siehst.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/15/7ad03664-c2e4-4403-9475-e39cceb068d6/45bd0255-715e-41ae-8ce2-7969cb1768f6.gif" alt="GIF, das zeigt, wie ein Element auf einen Streifen gezogen wird." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-alignment-of-your-strip" level="3">Die Ausrichtung deines Streifens anpassen</h2></div><div data-component-type="text"><div>Wähle, wie der Inhalt deines Streifens auf deiner Website ausgerichtet wird, um sicherzustellen, dass deine Besucher wichtige und relevante  Informationen immer sehen können. Möglicherweise möchtest du die Ausrichtung ändern, um deine Inhalte in einem anderen Layout zu organisieren.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><div>Du kannst die Ausrichtung des Streifeninhalts nur ändern, wenn der Streifen keine Spalten enthält.</div>    </div></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Ausrichtung des Streifens anzupassen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf den Streifen auf deiner Seite.</li>  <li>Klicke auf das Symbol für <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7e4ebaa2-ac6f-41c0-98b7-a878f57d6f39.png" />.</li>  <li>Wähle ein Layout:
    <ul>
      <li><strong>Zentriert:</strong> Der Inhalt wird mittig im Streifen ausgerichtet.</li>      <li><strong>Links:</strong> Der Inhalt wird links am Streifen ausgerichtet.</li>      <li><strong>Rechts:</strong> Der Inhalt wird rechts am Streifen ausgerichtet.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/1706cf8f-f5d8-40fd-af20-0715c2212fc0/0a79427f-dc15-4d4a-bab2-459d45e29ccf.png" alt="Screenshot, der zeigt, wie ein Layout für den Streifen im Editor ausgewählt wird." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-strip-background" level="3">Deinen Streifenhintergrund ändern </h2></div><div data-component-type="text"><div>Wähle einen Hintergrund für deinen Streifen, der zum Design deiner Website passt. Es stehen eine Vielzahl von Optionen zur Verfügung. Du kannst aus einer Reihe von Farben, Bildern oder Videos wählen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Streifenhintergrund zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf den Streifen auf deiner Seite.</li>  <li>Klicke auf <strong>Hintergrund ändern</strong> und wähle eine der folgenden Optionen aus:
    <ul>
      <li><strong>Farbe:</strong> Wähle aus einer Reihe von Farben, die entweder zur Farbpalette deiner Website passen oder sofort ins Auge stechen.</li>      <li><strong>Bild:</strong> Wähle aus einer Vielzahl von auffälligen kostenlosen Bildern aus oder lade deine eigenen hoch.</li>      <li><strong>Video:</strong> Wähle ein kostenloses, auffälliges Video von Wix oder lade dein eigenes über die Medienverwaltung hoch.</li>      <li><strong>Ein KI-Bild erstellen:</strong> Generiere ein benutzerdefiniertes Bild mit der <a data-composite="true" href="https://support.wix.com/de/article/wix-media-bilder-mit-der-ki-bilderstellung-von-wix-erstellen" target="">KI-Bilderstellung von Wix</a>.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/ece9984a-bf4c-493f-8713-ae9731da8422/ab9c7ed2-4a11-48b7-a3a2-f02849df8215.png" alt="Screenshot, der zeigt, wie ein Streifenhintergrund ausgewählt wird." /></div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><div>Ein Streifen erstreckt sich automatisch über die Breite deiner Website. Du kannst die Breite jedoch ändern, indem du auf das Symbol für <strong>Strecken</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/hFsLkzXM6691wSkj0XgIFyepmmnLsTe9HwRDedC6P6-zas753GHSFnvtxaxeTR1Gn-V52KxwZqNIllf6_AbKadP3KA6CJFVPFUr_lMvS_1YZGkF9vAJ2yLyUuYL3AoSKHk4WtiKm=s0" /> klickst. Die maximale Höhe für einen Streifen beträgt 15.000 px.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-strip" level="3">Streifen anpassen</h2></div><div data-component-type="text"><div>Du kannst das Streifenelement so anpassen, dass es genau so aussieht, wie du es möchtest. Passe Einstellungen wie Rand, Ecken und Schatten an, damit sie gut zu deiner Website passen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Streifen anzupassen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf den Streifen auf deiner Seite.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/e4328628-cdc4-44bc-8523-d64731e45031/590b4e1d-2a26-4ecb-a66c-db4c0660730f.png" />.</li>  <li>Wähle, was du anpassen möchtest:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Rand</h4><div class="collapsible-content"><div>Passe die Ränder des Streifens an:</div><ul>
  <li><strong>Deckkraft &amp; Farbe: </strong>Klicke auf das Farbfeld und wähle eine Farbe für die Ränder des Streifens aus. Ziehe den Schieberegler nach rechts oder links, um die Deckkraft zu erhöhen oder zu verringern.</li>  <li><strong>Randstil: </strong>Wähle einen Randstil aus (<strong>Keiner</strong>, <strong>Alle Seiten</strong>, <strong>Unten</strong>).</li>  <li><strong>Breite:</strong> Ziehe den Schieberegler, um die Randbreite des Streifens zu vergrößern oder zu verkleinern. <br /> <strong>Hinweis:</strong> Diese Option wird nicht angezeigt, wenn du unter <strong>Randstil</strong> die Option <strong>Keiner</strong> auswählst.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ecken</h4><div class="collapsible-content"><div>Runde die Ecken des Streifens ab, um sie sanfter zu machen. Gib in jedes Textfeld eine Zahl ein, um die Ecke abzurunden.</div><div><br /></div><div><strong>Tipp:</strong> Klicke auf das <strong>Schloss</strong>-Symbol <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/05/0f00085d-c9a2-49dc-afb2-d9974dc6e57d/3d9a647f-b86b-4db1-9778-1daa4258d129.png" />, damit alle Ecken und Proportionen gleich gestaltet werden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Schatten</h4><div class="collapsible-content"><div>Erstelle einen Schatten für dein Streifenelement. Klicke auf den Schieberegler <strong>Schatten anwenden</strong>, um den Schatten für das Element zu aktivieren oder zu deaktivieren.</div><div>Wenn der Schieberegler aktiviert ist, kannst du den Schatten weiter anpassen:</div><ul>
  <li><strong>Winkel:</strong> Wähle eine Position auf dem Kreis oder gib einen Wert ein.</li>  <li><strong>Abstand:</strong> Ziehe den Schieberegler, um den Abstand zu vergrößern oder zu verkleinern.</li>  <li><strong>Größe:</strong> Ziehe den Schieberegler, um den Schatten zu vergrößern oder zu verkleinern.</li>  <li><strong>Weichzeichnen:</strong> Ziehe den Schieberegler, um die Schattenunschärfe zu erhöhen oder zu verringern.</li>  <li><strong>Deckkraft &amp; Farbe:</strong> Wähle eine Farbe aus und ziehe den Schieberegler, um die Deckkraft des Schattens zu erhöhen oder zu verringern.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/22e9af24-365c-4617-8e3a-b3f6d6982ad8/9e304ac1-f221-434f-bb02-a1ea21c88282.png" alt="Screenshot, der zeigt, wie ein Streifendesign angepasst wird." /></div></div>

Ändere die Hintergrundeinstellungen deines Streifens, damit er auf deiner Website genau so aussieht, wie du möchtest. Du kannst die Einstellungen für jeden Streifenhintergrundtyp (Farbe, Bild und Vide...

Wix Editor: Die Einstellungen deines Streifens ändern

<div data-component-type="text"><div>Ändere die Hintergrundeinstellungen deines Streifens, damit er auf deiner Website genau so aussieht, wie du möchtest. Du kannst die Einstellungen für jeden Streifenhintergrundtyp (Farbe, Bild und Video) anpassen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-strip-settings" level="3">Die Einstellungen deines Streifens ändern</h2></div><div data-component-type="text"><div>Die Einstellungen deines Streifens sind je nach gewähltem Hintergrundtyp (Farbe, Bild oder Video) unterschiedlich. Du hast die Möglichkeit, Aspekte wie Farbe und Bilddeckkraft, Überlagerungsmuster und Video-Wiedergabegeschwindigkeit anzupassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Einstellungen deines Streifens zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf den Streifen.</li>  <li>Klicke auf <strong>Streifenhintergrund ändern</strong>.</li>  <li>Klicke auf <strong>Einstellungen</strong>.</li>  <li>Passe deinen Streifentyp mit den verfügbaren Optionen an:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Farbeinstellungen</h4><div class="collapsible-content"><div>Klicke auf das Farbfeld, um eine neue Farbe für deinen Streifenhintergrund auszuwählen. Ziehe dann den Schieberegler, um die Transparenz des Streifens an das Design deiner Website anzupassen.</div><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/10/28/31678030-b262-4fb6-b8ae-21418b6652cf/2a393ea3-e078-415e-940c-6674236aa47d.png" /><br />
</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Bildeinstellungen</h4><div class="collapsible-content"><div>Passe die Einstellungen deines Streifenbildes an das Design deiner Website an.</div><div><br /></div><ul>
  <li><strong>Bilddeckkraft:</strong> Ziehe den Schieberegler, um die Transparenz des Bildes anzupassen und einige Elemente anzuzeigen, die der Streifen bedeckt.</li>  <li><strong>Farbe hinter dem Bild:</strong> Wähle eine Farbe, die hinter deinem Bild angezeigt wird, wenn du die Deckkraft des Bildes verringerst.</li>  <li><strong>Bildskalierung:</strong> Vergrößere oder verkleinere das Bild des Streifens.
    <ul>
      <li><strong>Originalgröße:</strong> Das Bild wird in Originalgröße angezeigt. Teile davon werden möglicherweise abgeschnitten.</li>      <li><strong>Füllen:</strong> Die Größe des Bildes wird so geändert, dass es den verfügbaren Platz ausfüllt. Möglicherweise möchtest du es neu positionieren.</li>      <li><strong>Kachel:</strong> Das Bild wird in Kacheln auf dem verfügbaren Platz angezeigt.</li>    </ul>  </li>  <li><strong>Bildposition:</strong> Wähle einen Abschnitt des Rasters aus, um auszuwählen, welcher Teil deines Bildes innerhalb des Streifens im Fokus ist.</li>  <li><strong>Bildtext:</strong> Füge eine Beschreibung deines Streifenbildes hinzu, um die SEO und die Barrierefreiheit deiner Website zu verbessern.</li></ul><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/10/28/7ebbf3a0-1b3b-4f1d-9f7f-e8518166061e/795c50be-5b2b-41d9-a3ce-87ef3373dbe8.png" /><br />
</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Videoeinstellungen</h4><div class="collapsible-content"><div>Passe die Einstellungen deines Streifenvideos an das Design deiner Website an.</div><div><br /></div><ul>
  <li><strong>Musterüberlagerung:</strong> Wähle ein interessantes Überlagerungsmuster, das über deinem Hintergrundvideo platziert wird. Klicke auf <strong>Dunkler</strong> oder <strong>Heller</strong>, um den Kontrast der Überlagerung zu ändern.</li>  <li><strong>Video-Deckkraft:</strong> Ziehe den Schieberegler, um das Video mehr oder weniger sichtbar zu machen.</li>  <li><strong>Farbe hinter dem Video:</strong> Wähle die Farbe hinter dem Videohintergrund aus.</li>  <li><strong>Videoposition:</strong> Wähle einen Abschnitt des Rasters aus, um auszuwählen, welcher Teil deines Videos innerhalb des Streifens im Fokus ist.</li>  <li><strong>Wiedergabe:</strong>
    <ul>
      <li><strong>Wiedergabegeschwindigkeit:</strong> Wähle aus, ob dein Video in der Originalgeschwindigkeit (normal) oder mit der 0,5-/0,25-fachen Originalgeschwindigkeit wiedergegeben werden soll.</li>      <li><strong>Endlosschleife:</strong> Klicke auf den Schalter, um die automatische Wiederholung deines Video-Hintergrunds zu aktivieren.</li>    </ul>  </li></ul><div><br />
<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/10/28/f2a53cf5-1f24-4cd0-9859-99c5bf1ef913/0823adf6-cb69-4bf0-afd0-5d0e87bf87ea.png" /></div><div><br /></div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/10/28/590cf437-6adc-4aaa-92f1-55674a1d6a72/50ff3042-a106-4e98-95d9-5cd7728ea6d5.png" alt="Das Einstellungsfenster für einen Videohintergrund auf einem Streifen im Wix Editor" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Wir empfehlen dir, die verschiedenen Einstellungen auszuprobieren und dir <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-website-speichern-in-der-vorschau-anzeigen-und-veröffentlichen#previewing-your-site" target="">eine Vorschau deiner Website anzusehen</a>, um herauszufinden, was am besten aussieht.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die Streifeneinstellungen sind je nach Hintergrundtyp (Farbe, Bild oder Video) unterschiedlich.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-image-scaling-and-position-on-a-strip" level="3">Die Bildskalierung und Position auf einem Streifen ändern</h2></div><div data-component-type="text"><div>Wenn das Bild, das du für deinen Streifen verwendest, eine andere Größe oder Form hat als der Streifen selbst (oder die Spalte innerhalb des Streifens), wird ein Teil des Bildes möglicherweise abgeschnitten oder sieht einfach nicht so aus, wie du es möchtest. Du kannst mit der Bildskalierung und -positionierung herumspielen, um dies zu beheben.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Bildskalierung und Position auf einem Streifen zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Wähle das Bild auf dem Streifen aus.</li>  <li>Je nachdem, ob dein Bild den ganzen Streifen oder nur eine Spalte einnimmt, führe einen der folgenden Schritte aus:
    <ul>
      <li>Ganzer Streifen: Klicke auf <strong>Streifenhintergrund ändern</strong>.</li>      <li>Nur Spalte: Klicke auf <strong>Spaltenhintergrund ändern</strong>.</li>    </ul>  </li>  <li>Klicke auf <strong>Einstellungen</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/20/7953fb02-4498-45c1-9471-2498fad967cc/83136bfd-a130-4673-9f44-a252b683358a.png" alt="Das Panel für einen Streifenhintergrund im Wix Editor" /></div></div><div data-component-type="text"><ol><li>Scrolle nach unten zu <strong>Skalierung &amp; Positionierung</strong>.</li><li>Klicke auf das Dropdown-Menü <strong>Bildskalierung</strong> und wähle eine Option:<ul><li><strong>Originalgröße:</strong> Das Bild wird in Originalgröße angezeigt. Teile davon werden möglicherweise abgeschnitten.</li><li><strong>Füllen:</strong> Die Größe des Bildes wird so geändert, dass es den verfügbaren Platz ausfüllt. Möglicherweise möchtest du es neu positionieren.</li><li><strong>Kachel:</strong> Das Bild wird in Kacheln auf dem verfügbaren Platz angezeigt.</li></ul></li><li>Wähle unter <strong>Bildposition</strong> eine Position für dein Bild aus.<br /> <strong>Tipp:</strong> Dies ist hilfreich, wenn dein Bild nicht zentriert ist oder der Fokus auf dem falschen Bereich liegt.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/20/a1fc1f67-6d63-4b81-a763-7726f3fc83c9/9ba6655f-de75-49b1-ba55-91cd09207d09.png" alt="Das Skalierungs- und Positionierungs-Panel für einen Streifenhintergrund im Editor" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Alternativ kannst du das Bild zuschneiden, damit es besser in den verfügbaren Bereich passt.</div></div></div></div>

Spalten sind eine großartige Möglichkeit, Streifen auf deiner Website zu unterteilen und zu organisieren. Passe jede Spalte einzeln an das Design und Layout deiner Website an und erstelle auffällige S...

Wix Editor: Spalten in deinem Streifen hinzufügen und einrichten

<div data-component-type="text"><div>Spalten sind eine großartige Möglichkeit, Streifen auf deiner Website zu unterteilen und zu organisieren. Passe jede Spalte einzeln an das Design und Layout deiner Website an und erstelle auffällige Seiten für deine Besucher.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="splitting-a-strip-into-columns" level="3">Einen Streifen in Spalten aufteilen</h2></div><div data-component-type="text"><div>Füge über die Layout-Einstellungen des Streifens schnell und einfach eine Spalte zu einem Streifen hinzu, um Inhalt für deine Website zu erstellen und anzuordnen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Streifen in Spalten aufzuteilen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf deiner Seite auf das Streifenelement.</li>  <li>Klicke auf das Symbol für <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Klicke auf <strong>Spalte hinzufügen</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/9834d3cd-dfdd-412f-a9bd-7943c158dbe4/15e6a4ee-d609-466b-b203-442be345b997.png" alt="Screenshot eines Streifens, der im Wix Editor ausgewählt wurde. Das Layout-Symbol ist ausgewählt, der Button zum Hinzufügen eines Spalten-Panels wird angezeigt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-more-columns-to-a-strip" level="3">Weitere Spalten zu einem Streifen hinzufügen</h2></div><div data-component-type="text"><div>Sobald du deine ersten Spalten hinzugefügt hast, kannst du weitere hinzufügen, um deinen Streifen weiter zu organisieren und aufzubauen. Du kannst bis zu fünf Spalten hinzufügen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um weitere Spalten zu einem Streifen hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf deiner Seite auf das Streifenelement (mit mindestens zwei Spalten).</li>  <li>Klicke auf <strong>Spalten bearbeiten</strong>.</li>  <li>Klicke auf <strong>Spalte hinzufügen</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/f3f6d931-1194-427f-8350-937058a87feb/13157d4f-8755-453e-865e-778ac3c9e503.png" alt="Screenshot einer Spalte in einem Streifen, der im Wix Editor ausgewählt wurde. Die Spaltenverwaltung ist ausgewählt, der Button zum Hinzufügen einer Spalte wird angezeigt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-column-background" level="3">Den Spaltenhintergrund ändern</h2></div><div data-component-type="text"><div>Wähle einen <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-den-hintergrund-deiner-spalten-ändern" target="">individuellen Hintergrund</a> für jede deiner Spalten, um ein interessantes und ansprechendes Design zu erstellen. Du kannst eine Farbe, ein Bild oder ein Video für den Spaltenhintergrund auswählen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den Spaltenhintergrund zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf der Seite auf die Spalte im Streifen.</li>  <li>Klicke auf <strong>Hintergrund ändern</strong> und wähle eine der folgenden Optionen aus:
    <ul>
      <li><strong>Farbe:</strong> Wähle aus einer Reihe von Farben, die entweder zur Farbpalette deiner Website passen oder sofort ins Auge stechen.</li>      <li><strong>Bild:</strong> Wähle aus einer Vielzahl von auffälligen kostenlosen Bildern aus oder lade dein eigenes hoch.</li>      <li><strong>Video:</strong> Wähle ein kostenloses, auffälliges Video von Wix oder lade dein eigenes über die Medienverwaltung hoch.</li>      <li><strong>Ein KI-Bild erstellen:</strong> Generiere ein benutzerdefiniertes Bild mit der <a data-composite="true" href="https://support.wix.com/de/article/wix-media-bilder-mit-der-ki-bilderstellung-von-wix-erstellen" target="">KI-Bilderstellung von Wix</a>.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/bd8265ba-8832-44ee-ad22-1860ac9dcf18/fe647773-593c-462f-9e59-6ce4e5193d8e.png" alt="Screenshot des Panels „Hintergrund ändern“ für einen Streifen im Wix Editor. Verschiedene verfügbare Hintergründe werden angezeigt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-elements-to-columns" level="3">Elemente zu Spalten hinzufügen</h2></div><div data-component-type="text"><div>Erstelle Inhalt für deine Seite, indem du zu den Spalten in deinem Streifen <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-an-einen-streifen-hängen#attaching-elements-to-a-column" target="">Elemente hinzufügst</a>. Beliebte Elemente, die du Spalten hinzufügen kannst, sind Text, Buttons und Vektorgrafiken.</div></div><div data-component-type="heading"><h2 id="" level="4">Um Elemente zu Spalten hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Ziehe das Element an die von dir gewählte Position in der Spalte.</li>  <li>Lege das Element ab, wenn die Option <strong>An Spalte anhängen</strong> angezeigt wird.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Achte bei größeren Elementen darauf, dass das Element kleiner als die Spalte ist. Ändere bei Bedarf die Größe des Elements, um es für die Spalte anzupassen.</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/15/5d0fe6dd-dc5c-45b8-a361-f8fbde7ff318/fc52aa74-2456-45b5-99b7-0f594ddd91f7.gif" alt="GIF von Vektorgrafiken, die im Wix Editor gezogen und an Spalten angeheftet werden." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-columns" level="3">Deine Spalten anpassen</h2></div><div data-component-type="text"><div>Du kannst die Spalten nach deinen Wünschen anpassen. Passe Einstellungen wie Rand, Ecken und Schatten an, damit sie gut zu deiner Website passen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Spalten anzupassen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf eine Spalte auf deiner Seite.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/e4328628-cdc4-44bc-8523-d64731e45031/590b4e1d-2a26-4ecb-a66c-db4c0660730f.png" />.</li>  <li>Wähle, was du anpassen möchtest:</li></ol></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Rand</h4><div class="collapsible-content"><div>Passe die Ränder der Spalte an:</div><ul>
  <li><strong>Deckkraft &amp; Farbe:</strong> Klicke auf das Farbfeld und wähle eine Farbe für die Ränder der Spalte aus. Ziehe den Schieberegler nach rechts oder links, um die Deckkraft zu erhöhen oder zu verringern.</li>  <li><strong>Randstil: </strong>Wähle einen Randstil aus (<strong>Keiner</strong>, <strong>Alle Seiten</strong>, <strong>Unten</strong>).</li>  <li><strong>Breite:</strong> Ziehe den Schieberegler, um die Randbreite der Spalte zu vergrößern oder zu verkleinern.<br /> <strong>Hinweis:</strong> Diese Option wird nicht angezeigt, wenn du unter <strong>Randstil</strong> die Option <strong>Keiner</strong> auswählst.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ecken</h4><div class="collapsible-content"><div>Runde die Ecken der Spalte ab, um sie weicher darzustellen. Gib in jedes Textfeld eine Zahl ein, um die Ecke abzurunden.</div><div><br /></div><div><strong>Tipp:</strong> Klicke auf das <strong>Schloss</strong>-Symbol <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/05/0f00085d-c9a2-49dc-afb2-d9974dc6e57d/3d9a647f-b86b-4db1-9778-1daa4258d129.png" />, damit alle Ecken und Proportionen gleich gestaltet werden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Schatten</h4><div class="collapsible-content"><div>Erstelle einen Schatten für deine Spalte. Klicke auf den Schieberegler <strong>Schatten anwenden</strong>, um den Schatten für das Element zu aktivieren oder zu deaktivieren.</div><div>Wenn der Schieberegler aktiviert ist, kannst du den Schatten weiter anpassen:</div><ul>
  <li><strong>Winkel:</strong> Wähle eine Position auf dem Kreis oder gib einen Wert ein.</li>  <li><strong>Abstand:</strong> Ziehe den Schieberegler, um den Abstand zu vergrößern oder zu verkleinern.</li>  <li><strong>Größe:</strong> Ziehe den Schieberegler, um den Schatten zu vergrößern oder zu verkleinern.</li>  <li><strong>Weichzeichnen:</strong> Ziehe den Schieberegler, um die Schattenunschärfe zu erhöhen oder zu verringern.</li>  <li><strong>Deckkraft &amp; Farbe:</strong> Wähle eine Farbe aus und ziehe den Schieberegler, um die Deckkraft des Schattens zu erhöhen oder zu verringern.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/262c2d31-dd28-417b-9dee-c46ec48161a0/4eb61d20-c4b2-4708-bc0b-c9cb64c04464.png" alt="Screenshot der Spaltendesign-Einstellungen im Wix Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wie geht's weiter?</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-layout-deiner-spalten-anpassen" target="">Passe den Abstand</a> und die Größe deiner Spalten an.</li>  <li>Erfahre mehr über die Verwaltung der <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-streifen-und-spalten-auf-deiner-mobile-website" target="">Spalten auf deiner mobilen Website</a>.</li></ul></div></div></div>

Passe das Layout deiner Spalten an das Aussehen und die Ausrichtung deiner Seite an. Du kannst die Größe und den Abstand an deinen Inhalt anpassen, um sicherzustellen, dass deine Website klar und einf...

Wix Editor: Das Layout deiner Spalten anpassen

<div data-component-type="text"><div>Passe das Layout deiner Spalten an das Aussehen und die Ausrichtung deiner Seite an. Du kannst die Größe und den Abstand an deinen Inhalt anpassen, um sicherzustellen, dass deine Website klar und einfach zu navigieren ist.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resizing-your-columns" level="3">Die Größe deiner Spalten ändern</h2></div><div data-component-type="text"><div>Passe die Größe der Spalten an den Inhalt deines Streifens an. Du kannst ein voreingestelltes Layout auswählen oder die Anpassungsoption verwenden, um die Proportionen nach deinen Wünschen zu ändern.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/20/cb5fae53-9044-4020-b173-c49ad8c0591c/49c0e88a-3d40-4616-b781-8dedc4f7e8a8.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Größe deiner Spalten zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf den Streifen, der die Spalten enthält.</li>  <li>Klicke auf das Symbol für <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Klicke unter <strong>Spaltenverhältnis</strong> auf ein Layout.</li>  <li>(Optional) Klicke auf <strong>Proportionen gestalten</strong> und passe das Layout an, indem du an den Spaltenrändern ziehst.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn du 5 Spalten hast, kannst du deren Proportionen nicht anpassen. Sie werden immer gleichmäßig verteilt.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-column-spacing" level="3">Den Spaltenabstand ändern</h2></div><div data-component-type="text"><div>Wähle den Abstand zwischen deinen Spalten und den Rändern um sie herum, indem du den Spaltenabstand und den Randabstand anpasst.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/14/0fe09427-cb7d-4d25-b3fd-917b977cd397/0c43ceb0-a163-420a-8bb8-eaf32dfc7446.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um den Spalten- und den Randabstand anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf den Streifen, der deine Spalten enthält.</li>  <li>Klicke auf das Symbol für <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Ziehe den Schieberegler <strong>Spaltenabstand</strong>, um den Abstand zwischen den Spalten zu vergrößern oder zu verkleinern, oder gib einen Wert ein.</li>  <li>Ziehe den Schieberegler <strong>Randabstand</strong>, um den Abstand zwischen den Spalten und dem Rand des Streifens zu vergrößern oder zu verkleinern, oder gib einen Wert ein.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="aligning-the-column-content" level="3">Den Spalteninhalt ausrichten</h2></div><div data-component-type="text"><div>Du kannst den Inhalt einer jeden Spalte in deinem Streifen unterschiedliche ausrichten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Ausrichtung des Inhalts in deinen Spalten zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Streifenelement auf die Spalte.</li>  <li>Klicke auf das Symbol für <strong>Layout</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7e4ebaa2-ac6f-41c0-98b7-a878f57d6f39.png" />.</li>  <li>Wähle ein Layout aus:
    <ul>
      <li><strong>Zentriert:</strong> Der Inhalt wird mittig in der Spalte ausgerichtet.</li>      <li><strong>Links:</strong> Der Inhalt wird links an der Spalte ausgerichtet.</li>      <li><strong>Rechts:</strong> Der Inhalt wird rechts in der Spalte ausgerichtet.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/14/81c28e03-ba26-4047-9047-a5fcbcdf0703/a640e52f-d18f-4b08-b2f1-aa8c18f9bb1c.png" /></div></div>

Aktualisiere das Design deiner Website und beeindrucke deine Besucher, indem du den Streifenhintergrund anpasst. Füge deinem Streifen eine Farbe, ein Bild oder einen Videohintergrund hinzu. Du kannst ...

Wix Editor: Deinen Streifenhintergrund ändern

<div data-component-type="text"><div>Aktualisiere das Design deiner Website und beeindrucke deine Besucher, indem du den Streifenhintergrund anpasst. Füge deinem Streifen eine Farbe, ein Bild oder einen Videohintergrund hinzu. Du kannst aus einer Vielzahl von professionellen Bildern und Videos aus den Bibliotheken von Wix wählen oder deine eigenen Dateien hochladen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/05/d2677c91-2cc3-4794-b2c9-5813e66666a8/44bbc5c2-d4d7-467a-b324-329b02fb2a71.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-color-or-gradient-to-your-strip-background" level="3">Eine Farbe oder einen Farbverlauf zu deinem Streifenhintergrund hinzufügen</h2></div><div data-component-type="text"><div>Füge deinem Streifen eine Volltonfarbe oder einen Hintergrund mit Farbverlauf hinzu. Du kannst aus den Farben deiner Website wählen oder deine eigenen erstellen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Farbe oder einen Farbverlauf zu deinem Streifen hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den Streifen.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li>  <li>Klicke auf <strong>Farbe</strong> und wähle eine der folgenden Optionen aus:
    <ul>
      <li><strong>Farbe:</strong> Wähle eine Volltonfarbe, die du auf deinen Streifen anwenden möchtest.</li>      <li><strong>Farbverlauf:</strong> Wende einen coolen Effekt mit einem linearen, sternenförmigen oder konischen Farbverlauf auf deinen Streifenhintergrund an.</li>      <li><strong>Fließender Farbverlauf:</strong> Gestalte auffällige Streifen mit einem ausgefallenen fließenden Farbverlauf.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/04/17/2f874c2f-ea89-45d7-a9c7-1e9cb1b47115/5ebbd722-a837-46c3-ac29-0b8bcc76b46f.png" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Du kannst eine Farbe <strong>und </strong>ein Bild oder Video hinzufügen. Die Farbe erscheint, während das Bild oder Video geladen wird. Du kannst die Farbe hinter dem Bild oder Video im <strong>Streifenhintergrundfenster</strong> sehen:</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/20/2e983a7b-a9c5-442a-b196-180bd8b61c74/693dda78-efc3-40df-b7b0-c5ee868516ec.png" /></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-image-to-your-strip-background" level="3">Ein Bild zu deinem Streifenhintergrund hinzufügen</h2></div><div data-component-type="text"><div>Lenke die Aufmerksamkeit deiner Besucher auf deinen Streifen, indem du interessante Bilder hinzufügst. Verwende <a data-composite="true" href="https://support.wix.com/de/article/werkzeuge-im-wix-fotostudio" target="_blank">Wix Photo Studio</a>, um eine Vielzahl von Effekten anzuwenden, die deine Bilder verbessern, von einzigartigen Filtern bis zum Zuschneiden und Ändern der Größe.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Wir empfehlen, Bilder mit einer Auflösung von nicht weniger als 1920px x 1080px hochzuladen.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um ein Bild zu deinem Streifen hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den Streifen.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li>  <li>Klicke auf <strong>Bild</strong>.</li>  <li>Wähle ein Bild aus der Medienverwaltung aus.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li>  <li>(Optional) Klicke auf das Symbol für <strong>Bearbeiten</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/04/12/80e19ca2-2daf-4835-a8ab-becc2dbd68f6/fcd40534-3fe2-4a5d-b848-bf727f7fe206.png" />, um auf das Wix Photo Studio zuzugreifen, wo du das Bild zuschneiden und andere Anpassungen vornehmen kannst.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/04/17/a8473e9b-e0e4-43d2-b4d0-380bbafb23c1/ca1486ce-d427-4414-8452-088c1c41fc74.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-video-to-your-strip-background" level="3">Ein Video zum Streifenhintergrund hinzufügen</h2></div><div data-component-type="text"><div>Bring Leben in deine Website, indem du deinem Streifen einen Videohintergrund hinzufügst. Wähle aus kostenlosen Videos von Wix oder lade ein eigenes Video hoch.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><div>Standardmäßig werden Videohintergründe auf Streifen so eingestellt, dass sie nicht auf Mobilgeräten abgespielt werden. Du kannst jedoch den Streifen auswählen und den Videohintergrund im Mobile-Editor aktivieren.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um ein Video zu deinem Streifen hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den Streifen.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li>  <li>Klicke auf <strong>Video</strong>.</li>  <li>Wähle ein Video aus der Medienverwaltung aus oder klicke auf <strong>Videos hochladen</strong>, um dein eigenes Video hochzuladen.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/05/7b77ab89-8b56-45ee-ae22-241100e1043f/82ac5623-d4fe-436e-8e15-a295e516aa6f.gif" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweise:</div><div class="info-content"><ul>
  <li>Je nach Dateigröße kann das Hochladen deines Videos eine Weile dauern. Du kannst deine Website weiter bearbeiten, während der Upload läuft. <a data-composite="true" href="https://support.wix.com/de/article/unterstützte-dateiformate-und-dateigrößen" target="_blank">Mehr über Dateitypen und -größen erfahren</a></li>  <li>Nach dem Hochladen werden die Eigenschaften des Videos angepasst, um sicherzustellen, dass es für alle Geräte optimiert ist. Dies kann einige Minuten dauern und du siehst das Video erst nach Fertigstellung in voller Auflösung auf deinem Seitenhintergrund.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="removing-an-image-or-video-from-a-strip" level="3">Ein Bild oder Video aus einem Streifen entfernen</h2></div><div data-component-type="text"><div>Um ein Bild oder Video aus einem Streifen zu entfernen, musst du einfach den Streifenhintergrund durch eine andere Farbe, ein Bild oder ein Video ersetzen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um ein Bild oder Video aus einem Streifen zu entfernen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den Streifen.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li>  <li>Wähle einen anderen Hintergrund.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipps:</div><div class="info-content"><ul>
  <li>Um den Streifenhintergrund vollständig zu entfernen, ändere die Streifenfarbe zu Weiß.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-scroll-effekte-für-den-hintergrund-deines-streifens-anwenden" target="_blank">Füge einen tollen Scroll-Effekt hinzu</a>, um für Bewegung um deinen Streifen herum zu sorgen.</li></ul></div></div></div>

Verwalte die Spalten auf deinem Streifen, um deine Inhalte auszurichten und zu organisieren.Du kannst Spalten löschen, ihre Reihenfolge ändern und sie duplizieren, um deine Inhalte bestmöglich anzuord...

Wix Editor: Deine Spalten verwalten

<div data-component-type="text"><div>Verwalte die Spalten auf deinem Streifen, um deine Inhalte auszurichten und zu organisieren.</div></div><div data-component-type="text"><div>Du kannst Spalten löschen, ihre Reihenfolge ändern und sie duplizieren, um deine Inhalte bestmöglich anzuordnen.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/en/article/wix-editor-adjusting-the-layout-of-your-columns" target="">So änderst du die Größe deiner Spalten</a> und passt den Abstand und die Füllung an.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="duplicating-columns" level="3">Spalten duplizieren</h2></div><div data-component-type="text"><div>Das Duplizieren deiner Spalten ist eine gute Möglichkeit, das Design der Spalten innerhalb deines Streifens konsistent zu halten.</div></div><div data-component-type="text"><div>Wenn du eine Spalte duplizierst, werden Stil und Design automatisch in die neue kopiert. Du musst also nur den Inhalt bearbeiten. So kannst du deine Website schnell und einfach erstellen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/14/99c816af-1fa0-454e-bbe5-4f2748fa0f71/e11ff3c0-47f6-4a81-a295-abeda399d081.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um Spalten zu duplizieren:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf den Streifen, der die Spalten enthält.</li>  <li>Klicke auf <strong>Spalten bearbeiten</strong>. </li>  <li>Klicke unter <strong>Spalte auswählen</strong> auf eine Spalte. </li>  <li>Klicke auf das Symbol für <strong>Duplizieren</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/876559a5-4408-4fa7-bd44-163fd6fa6f0c.png" />.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-order-of-columns" level="3">Die Reihenfolge der Spalten ändern</h2></div><div data-component-type="text"><div>Ändere die Reihenfolge der Spalten in deinem Streifen, um sie am besten an deinen Inhalt anzupassen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/14/02d636ab-e24f-4f93-8499-6c54392eea5a/9c299e28-bce4-4ff7-b5c2-de6153fcd5ce.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Reihenfolge der Spalten deines Streifens zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf den entsprechenden Streifen im Editor.</li>  <li>Klicke auf <strong>Spalten bearbeiten</strong>. </li>  <li>Klicke unter <strong>Spalte auswählen</strong> auf eine Spalte. </li>  <li>Klicke auf die Symbole für <strong>Nach links verschieben</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/PTvY0Wdlcn1hL_qROGrc2sWH8gwldGyiiLdptjH8bnKhYK2Wb2e-DHpqvtiWj7kJGzLnlSjIhBWs8Bpco_IVTekXkgbHxfqFGpfv9knWRVXBgYZPmLpvTGq6fYsyc_rn37Z2LDyx" /> oder <strong>Nach rechts verschieben</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/HptQa3rSOMBLpHXJHmPkn5lz-ICs1kzK5Zfureg5jaTmz3fd665J_wT8jJt6tVWdkAkwkIzyGUBginAyTOigmmGvO7lGuEYNZPMUO5Ovs8J7-snLdqNzhMebrPihVDiYsY8Z5q8_" />.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="deleting-columns" level="3">Spalten löschen</h2></div><div data-component-type="text"><div>Du kannst eine Spalte innerhalb deines Streifens jederzeit löschen. Wenn du alle Spalten bis auf eine löschst, wird das Element wieder zu einem normalen Streifen.</div><div><br /></div><div>Wenn du eine Spalte löschst, wird die Größe der anderen Spalten automatisch an den Platz angepasst.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/20/c85b3512-57e3-48af-a899-cbd9917cf18c/2b1f0f9e-6311-4e40-ad0d-9abe3346db2f.png" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Spalte zu löschen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke im Editor auf den Streifen mit den Spalten.</li>  <li>Klicke auf <strong>Spalten bearbeiten</strong>.</li>  <li>Klicke unter <strong>Spalte auswählen</strong> auf eine Spalte.</li>  <li>Klicke auf das Symbol für <strong>Löschen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/10/1e7f05d1-83c2-4706-83c9-a9ee5482ad12.png" />.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Du kannst eine Spalte auch löschen, indem du sie innerhalb des Streifens auswählst und die <strong>Entf</strong>-Taste auf deiner Tastatur drückst. Wenn du eine Spalte löschen möchtest, ohne die Elemente darin zu löschen, klicke und ziehe sie zunächst an eine beliebige Stelle außerhalb der Spalte.</div>    </div></div></div>

Werte das Design deiner Website auf und beeindrucke deine Website-Besucher, indem du den Hintergrund jeder einzelnen Spalte anpasst. Du kannst dich für einen Farb-, Bild- oder Videohintergrund entsche...

Wix Editor: Den Hintergrund deiner Spalten ändern

<div data-component-type="text"><div>Werte das Design deiner Website auf und beeindrucke deine Website-Besucher, indem du den Hintergrund jeder einzelnen Spalte anpasst. Du kannst dich für einen Farb-, Bild- oder Videohintergrund entscheiden. Wähle aus einer Vielzahl von professionellen Bildern und Videos aus den Bibliotheken von Wix oder lade deine eigenen hoch.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Was ist der Unterschied zwischen Streifen und Spalten?</div><div class="info-content"><div>Du kannst deinen Streifen in Spalten aufteilen, um deinen Inhalt in übersichtlichen Abschnitten zu organisieren.</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/06/9117665a-2e15-460d-8cc0-27beb93a29db/be8ad0c9-e6e8-4c15-9578-f14b4853874d.gif" alt="GIF, das ein Beispiel für einen Streifen mit 4 Spalten zeigt. Einige Spalten haben Bildhintergründe und andere Videohintergründe." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-color-or-gradient-to-your-column-background" level="3">Eine Farbe oder einen Farbverlauf zum Spaltenhintergrund hinzufügen</h2></div><div data-component-type="text"><div>Füge deinem Streifen eine Volltonfarbe oder einen Hintergrund mit Farbverlauf hinzu. Du kannst aus deinen Website-Farben oder deinen eigenen auswählen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Farbe oder einen Farbverlauf zu deinem Spaltenhintergrund hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Spalte des Streifens.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li>  <li>Klicke auf <strong>Farbe</strong> und wähle eine der folgenden Optionen aus:
    <ul>
      <li><strong>Einfarbig:</strong> Wähle eine Farbe aus, die auf deinen Streifen angewendet werden soll.</li>      <li><strong>Farbverlauf </strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/06/28d70a3a-ae83-4954-8d9b-073aa3b38f20/e8713ee8-70f5-4452-9556-0a9cff5a6b1b.png" /><strong>:</strong> Wende einen coolen Effekt auf deinen Streifenhintergrund an – wie einen linearen, sternenförmigen oder konischen Farbverlauf.</li>      <li><strong>Fließender Farbverlauf</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/06/ef82e401-93f4-46ab-a657-9dfa2a826274/63c1e3a7-ec0f-4f50-8f6b-edb83e17463a.png" /><strong>:</strong> Hebe deine Streifen mit einem anspruchsvollen Verlaufsgitter hervor.</li>    </ul>  </li></ol></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Erfahre mehr über das <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deinen-streifenhintergrund-ändern#adding-a-color-or-gradient-to-your-strip-background" target="">Hinzufügen von Farbverläufen zu deinem Streifenhintergrund</a>.</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/01/13/37bee15a-5eed-4928-9a0c-3bf0c9a27306/07431f32-971e-4014-a9dd-1567b618da35.png" alt="Screenshot der Farbauswahl im Spaltenhintergrund-Panel." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-an-image-to-your-column-background" level="3">Ein Bild zum Spaltenhintergrund hinzufügen</h2></div><div data-component-type="text"><div>Füge interessante Bilder zu deinen Spaltenhintergründen hinzu, um Besucher zu motivieren, während sie deine Website erkunden. Du kannst dein eigenes Bild hochladen oder aus einer Vielzahl professioneller Bilder auswählen, die von Wix angeboten werden.</div></div><div data-component-type="heading"><h2 id="" level="4">Um ein Bild zu deinem Spaltenhintergrund hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Spalte des Streifens.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li>  <li>Klicke auf <strong>Bild</strong>.</li>  <li>Wähle ein Bild in der Medienverwaltung aus oder klicke auf <strong>Medien hochladen</strong>, um dein eigenes hochzuladen.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/06/09ac32fa-a7f9-4371-b538-5826deb94918/a6b99369-4b0b-42ae-9678-2a5135d8f089.png" alt="Screenshot einer Spalte mit einem Bildhintergrund neben dem Spaltenhintergrund-Panel." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du?</div><div class="info-content"><div>Du kannst ein Bild, das du der Spalte hinzugefügt hast, als Hintergrund festlegen, indem du das Bild auswählst und dann auf das Symbol für „Bild als Hintergrund festlegen“ <img data-composite="true" src="https://lh7-us.googleusercontent.com/YEVLofEBhLGpsMeS2d4zcI-mKCuJb1U_hXNRPjL-jH19P47FS3gR3RhY5PqfZ1-POyM_t1EhVwDxkndKMvghDi6S9iFNa-14qPIOr0S7WBvzH0Fpadx6POTXvyHhjSWdONNAhZQrsQYsZDjDa_3Raic" /> klickst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-video-to-your-column-background" level="3">Ein Video zum Spaltenhintergrund hinzufügen</h2></div><div data-component-type="text"><div>Verbessere die visuelle Attraktivität und das Erlebnis deiner Besucher, indem du deinen Spalten interessante Videos hinzufügst. Du kannst dein eigenes Bild hochladen oder aus einer Vielzahl professioneller Videos auswählen, die von Wix angeboten werden.</div></div><div data-component-type="heading"><h2 id="" level="4">Um ein Video zum Spaltenhintergrund hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf die Spalte des Streifens.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li>  <li>Klicke auf <strong>Video</strong>.</li>  <li>Wähle ein Video aus der Medienverwaltung aus oder klicke auf <strong>Medien hochladen</strong>, um dein eigenes Video hochzuladen.</li>  <li>Klicke <strong>Hintergrund ändern</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/06/3c240fce-5321-493c-aaf3-80437f375dc1/aa6a4596-58f4-4c1a-87a2-44a857a82142.png" alt="Screenshot einer Spalte neben dem Spaltenhintergrund-Panel." /></div></div>

Streifen sind eine hervorragende Möglichkeit, eine Website zu bauen. Indem du Spalten hinzufügst, kannst du deine Website in Abschnitte unterteilen und beliebige Elemente anhängen, einschließlich Bild...

Wix Editor: Elemente an Streifen und Spalten anhängen

<div data-component-type="text"><div>Streifen sind eine hervorragende Möglichkeit, eine Website zu bauen. Indem du Spalten hinzufügst, kannst du deine Website in Abschnitte unterteilen und beliebige Elemente anhängen, einschließlich Bilder, Text, Videos und Galerien.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipps:</div><div class="info-content"><ul>
  <li>Wenn du Elemente an einen Streifen oder eine Spalte anhängst, kann es passieren, dass die Elemente aufgrund der Ebenen des Editors vom Streifen oder der Spalte verdeckt werden. Um ausgeblendete Elemente anzuzeigen und auszuwählen, klicke mit der rechten Maustaste in den Bereich und verwende die Option <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-überlagernde-elemente-anzeigen-und-auswählen" target="_blank">Überlappende Elemente</a>.</li>  <li>Möglicherweise musst du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-nach-vorne-oder-nach-hinten-verschieben" target="">deinen Streifen oder deine Spalte nach hinten und deine Elemente nach vorne verschieben</a>, damit sie an den Streifen oder die Spalte angeheftet werden können.</li></ul>   </div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="attaching-elements-to-a-strip" level="3">Elemente an einen Streifen anhängen</h2></div><div data-component-type="text"><div>Sobald du Elemente zu deinem Streifen hinzugefügt hast, werden diese angehängt und du kannst den Streifen mit den Elementen verschieben.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bevor du loslegst: </div><div class="info-content"><div>Achte darauf, dass das Element in den Streifen passt (ändere bei Bedarf die Größe).</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um Elemente an Streifen anzuhängen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke und ziehe das Element über den Streifen.</li>  <li>Lege das Element ab, wenn du <strong>An Streifen anhängen</strong> siehst.<br /> <strong>Hinweis: </strong>Achte darauf, dass du Elemente innerhalb der vertikalen <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-rasterlinien-im-editor" target="">Rasterlinien</a> anhängst, sodass sie auf kleineren Bildschirmen angezeigt werden.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/19/f0b302a5-7466-48a9-8fe3-d8aa7c732bf3/128958b4-981c-4873-bc0f-7f26458b2b31.gif" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Um ein Element von einem Streifen zu trennen, klicke und ziehe das Element vollständig aus dem Streifen heraus. Wenn du einen Streifen löschen möchtest, ohne die Elemente darin zu löschen, ziehe sie vor dem Löschen aus dem Streifen heraus.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="attaching-elements-to-a-column" level="3">Elemente an eine Spalte anhängen</h2></div><div data-component-type="text"><div>Wenn du einen Streifen in Spalten aufteilst, kannst du unterschiedliche Designs anwenden und in jeder Spalte unterschiedliche Inhalte anzeigen. Sobald du Spalten zu deinem Streifen hinzugefügt hast, kannst du Elemente an die Spalten anhängen.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bevor du loslegst: </div><div class="info-content"><div>Achte darauf, dass das Element in die Spalte passt (ändere bei Bedarf die Größe).</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um Elemente an eine Spalte anzuhängen:</h2></div><div data-component-type="text"><ol>
  <li>Du kannst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-streifen-in-spalten-unterteilen" target="_blank">einen Streifen in Spalten aufteilen</a>.</li>  <li>Klicke und ziehe das Element über die Spalte.</li>  <li>Lege das Element ab, wenn die Option <strong>An Spalte anhängen</strong> angezeigt wird.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/14/ec79e640-9757-42ad-aa1e-bd83f02b5fbd/4ba682c6-7b41-4efc-bfe0-b1c58ec03736.gif" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Um ein Element von einer Spalte zu trennen, klicke und ziehe das Element vollständig aus der Spalte. Wenn du eine Spalte löschen möchtest, ohne die Elemente darin zu löschen, ziehe sie aus dem Streifen heraus, bevor du ihn löschst.</div></div></div></div>

Spalten sind eine tolle Möglichkeit, wichtige Website-Informationen anzuzeigen. Du kannst dies tun, indem du einen Streifen zu deiner Website hinzufügst und deinen Text in übersichtlichen, strukturier...

Wix Editor: Textspalten erstellen

<div data-component-type="text"><div>Spalten sind eine tolle Möglichkeit, wichtige Website-Informationen anzuzeigen. Du kannst dies tun, indem du einen Streifen zu deiner Website hinzufügst und deinen Text in übersichtlichen, strukturierten Spalten organisiert. Gestalte deine Spalten so, dass sie gleich groß sind, oder passe die Proportionen jeder Spalte individuell an.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/13/cc85f433-9943-4b95-8b2b-4547e902b9f7/44e56ca0-c443-4e74-a996-2e9767a39236.png" alt="Screenshot einer Website, die Streifen mit 3 Spalten anzeigt" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-1-split-your-strip-into-columns" level="3">Schritt 1 | Deinen Streifen in Spalten aufteilen</h2></div><div data-component-type="text"><div>Teile zuerst deinen Streifen in die gewünschte Anzahl von Spalten auf. Du kannst bis zu fünf Spalten verwenden.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/06/8ab8ae2e-320a-4d35-9d92-01f73545f907/a767f629-465d-4640-8c39-b1d7c0e6fc59.png" alt="Screenshot des Panels zum Verwalten von Spalten im Editor von Wix" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Streifen in Spalten aufzuteilen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="">Öffne deinen Editor</a>.</li>  <li>Klicke auf den entsprechenden Streifen.</li>  <li>Klicke auf das Symbol für <strong>Layout </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Klicke auf <strong>Spalte hinzufügen</strong>.</li>  <li>(Optional) Klicke auf <strong>Spalten bearbeiten</strong> und dann auf <strong>Spalte hinzufügen</strong>, um weitere Spalten hinzuzufügen.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-2-resize-your-columns" level="3">Schritt 2 | Die Größe deiner Spalten ändern</h2></div><div data-component-type="text"><div>Passe die Spaltenproportionen an die Textmenge an, die du anzeigen möchtest. Du kannst aus einer unserer Voreinstellungen für die Spaltenproportionen wählen oder ein benutzerdefiniertes Layout erstellen.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Wenn du 5 Spalten hast, kannst du deren Proportionen nicht anpassen. Sie werden immer gleich verteilt.</div></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/20/cb5fae53-9044-4020-b173-c49ad8c0591c/49c0e88a-3d40-4616-b781-8dedc4f7e8a8.png" alt="Screenshot der Eigenschaften der Streifenlayout-Optionen im Editor von Wix" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Größe deiner Spalten zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="">Öffne deinen Editor</a>.</li>  <li>Klicke auf den entsprechenden Streifen.</li>  <li>Klicke auf das Symbol für <strong>Layouts </strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/04/7d0bb4af-c8ec-4965-ba04-bc8a51c16565.png" />.</li>  <li>Klicke unter <strong>Spaltenverhältnis</strong> auf ein Layout.</li>  <li>Klicke auf <strong>Proportionen gestalten</strong> und passe das Layout an, indem du an den Spaltenrändern ziehst.</li></ol></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="step-3-add-text-to-your-columns" level="3">Schritt 3 | Text zu deinen Spalten hinzufügen</h2></div><div data-component-type="text"><div>Als nächstes füge deiner Website ein Textelement hinzu. Ändere dann die Größe des Elements mit den Ziehgriffen und lege es in deiner Spalte ab.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/08/06/9a007a81-a575-4af6-af73-b957f6f89517/c9b3a6fb-b8b0-47d1-a394-240d34679300.gif" alt="GIF eines Textelements, das an eine Spalte im Editor von Wix angehängt wird" /></div></div><div data-component-type="heading"><h2 id="" level="4">Um Text zu deinen Spalten hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Deiner Website <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-text-hinzufügen-und-bearbeiten" target="_blank">ein Textelement hinzufügen</a>.</li>  <li>Passe die Größe des Textelements so an, dass es vollständig in die Spaltengrenzen passt.</li>  <li>Klicke und ziehe das Textelement an die gewünschte Position in der Spalte.</li>  <li>Lege das Textelement ab, wenn die Option <strong>An Spalte anhängen</strong> angezeigt wird.</li></ol></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><div>Achte darauf, dass dein Text innerhalb der Rasterlinien jeder Spalte platziert ist, damit der Text auf allen Geräten sichtbar ist.</div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Wenn du nicht möchtest, dass dein Streifen (hinter deinen Spalten) sichtbar ist, mache ihn transparent, indem du die Deckkraft in den Hintergrundeinstellungen reduzierst.</div></div></div></div>

Form-Trennlinien sind grafische Formen, mit denen du einzigartige, fließende Übergänge zwischen Streifen und Abschnitten erstellen kannst. Es stehen viele Designs und Anpassungsoptionen zur Verfügung,...

Wix Editor: Über Form-Trennlinien

<div data-component-type="text"><div>Form-Trennlinien sind grafische Formen, mit denen du einzigartige, fließende Übergänge zwischen Streifen und Abschnitten erstellen kannst. Es stehen viele Designs und Anpassungsoptionen zur Verfügung, sodass du dein Layout wirklich personalisieren und auffällige Seiten erstellen kannst.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/19/5fe1c5ed-2be2-433e-8715-9f40fd4ce5a4/0f44a4f7-78c8-47db-8e34-5b7aad38364c.gif" alt="GIF, das Form-Trennlinien auf einer Live-Website zeigt" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enhance-the-design-of-your-sections-and-strips" level="3">Das Design deiner Abschnitte und Streifen verbessern</h2></div><div data-component-type="text"><div>Form-Trennlinien sind grafische Formen, die du am oberen und/oder unteren Rand deines Streifens oder Abschnitts anbringen kannst, um ihm eine einzigartige, professionelle Note zu verleihen. Da sie die Abschnitte/Streifen auf deiner Seite unterteilen, kannst du Form-Trennlinien verwenden, um den perfekten Übergang zwischen den Inhalten zu schaffen.</div></div><div data-component-type="text"><div>Egal, ob du starke, wirkungsvolle Winkel bevorzugst oder weiche, fließende Formen, es gibt eine Vielzahl von Designs, die deinen Bedürfnissen entsprechen. In der Medienverwaltung findest du noch komplexere Formen und Muster.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/19/946b8cf8-817f-4694-b968-7f366dcb535f/ae222303-7d4a-4acf-a550-b782d7d73c8a.png" alt="Der Medienkatalog von Wix mit zusätzlichen Trennliniendesigns" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="use-your-own-unique-shapes" level="3">Deine eigenen einzigartigen Formen verwenden</h2></div><div data-component-type="text"><div>Zusätzlich zu den von uns vorgeschlagenen Formen kannst du auch deine eigenen benutzerdefinierten Form-Trennlinien hochladen. Individuell gestaltete Form-Trennlinien sind eine großartige Möglichkeit, deine Marke zu stärken und deinen Inhalten eine persönliche Note zu verleihen.</div></div><div data-component-type="text"><div>Wähle eine Datei von deinem Computer oder exportiere eine Datei aus einer Vektorsoftware. Nachdem du deine Datei hinzugefügt hast, kannst du das Design so anpassen, dass es genau so aussieht, wie du es möchtest.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/09/037421f8-6db0-4e5e-ae18-5f344ad39049/fefd3f0e-e430-4601-b4ed-54615cc03297.gif" alt="GIF, das eine SVG-Datei einer Website zeigt, die als Form-Trennlinie hinzugefügt und bearbeitet wird" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="personalize-the-shape-divider" level="3">Die Form-Trennlinie personalisieren</h2></div><div data-component-type="text"><div>Nachdem du eine Trennlinie ausgewählt hast, <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-form-trennlinien-hinzufügen-und-anpassen" target="">passe ihr Design an</a>, um auffällige, moderne Layouts zu erstellen. Du kannst die Designoptionen verwenden, um das Thema deines Streifens oder Abschnitts zu ergänzen oder sich vom Inhalt abzuheben. Wähle eine Farbe, lege die Sichtbarkeit fest und ändere die Position, damit es wie gewünscht aussieht.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/09/a9701ff4-7e6f-4fe3-87b4-9a0caa33acf6/ff555398-15d6-4047-82d8-cf4c9402d5ae.png" alt="Das Design-Panel für Form-Trennlinien. Der Cursor bewegt sich über dem Aufklappmenü „Effekt-Ausrichtung“." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Sind Form-Trennlinien responsiv?</h4><div class="collapsible-content"><div>Einige Form-Trennliniendesigns sind vollständig responsiv, was bedeutet, dass sie sich an die Größe der Bildschirme deiner Besucher anpassen.</div><div><br /></div><div>Komplexere Designs (z. B. Skyline von New York und Meeresgrund) können nicht gestreckt werden, ohne ihre Proportionen zu verlieren, daher werden sie automatisch an die Bildschirmgröße angepasst.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Welche Trennlinien kann ich hochladen?</h4><div class="collapsible-content"><div>Es ist nur möglich, SVG-Dateien als Form-Trennlinien auf deiner Website hochzuladen und zu verwenden. PNG- und JPG-Dateien werden nicht unterstützt.</div><div><br /></div><div>Beachte beim Hochladen deiner SVG-Datei Folgendes:</div><ul>
  <li>Die hochgeladenen SVG-Dateien dürfen nicht größer als 250 KB sein.</li>  <li>Die empfohlene Proportionensgröße für deine eigenen SVG-Dateien ist eine Breite von 1920px und eine Höhe zwischen 50-300px.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich das Design meiner eigenen Uploads anpassen?</h4><div class="collapsible-content"><div>Ja. Die verfügbaren Designoptionen für deine individuelle Trennlinie hängen von der spezifischen Datei ab, die du hochlädst.</div><div><br /></div><div>Um das Design deiner SVG-Datei anzupassen, muss die Datei folgende Eingenschaften haben:</div><ul>
  <li>Es muss eine geschlossene Form sein.</li>  <li>Sie enthält nur eine Deckkraft-Lage (Transparenz).</li>  <li>Sie enthält keinen Text, keine Striche, Farbverläufe, Filter usw.</li></ul><div><br /></div><div>Außerdem kannst du nur die Farbe von SVG-Dateien ändern, die die Farbe RGB=#000000 (Schwarz) haben. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-form-trennlinien-hinzufügen-und-anpassen#customizing-a-custom-shape-divider" target="">So kannst du benutzerdefinierte Trennlinien anpassen</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich den Spalten auf einem Streifen Trennlinien hinzufügen?</h4><div class="collapsible-content"><div>Es ist nicht möglich, Form-Trennlinien zu Spalten hinzuzufügen. Du kannst jedoch Spalten zu Streifen hinzufügen, die Form-Trennlinien enthalten.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie funktionieren sie auf Mobilgeräten?</h4><div class="collapsible-content"><div>Form-Trennlinien werden automatisch auf deine mobile Website übertragen und sind auf 50px festgelegt.</div><div><br /></div><div>Du kannst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-form-trennlinien-auf-deiner-mobile-website-anpassen" target="_blank">im Desktop-Editor hinzugefügte Trennlinien anpassen</a>, um einzigartige Inhalte für Mobile-Besucher zu erstellen. Es ist jedoch nicht möglich, Trennlinien für Mobile über das <strong>Zur mobilen Version hinzufügen</strong>-Panel hinzuzufügen.</div></div></div></div>

Füge Form-Trennlinien zu deinen Streifen und Abschnitten hinzu, um ein interessantes und stilvolles Layout zu erstellen. Anstatt klaren Linien zu verwenden, um den Inhalt zu unterteilen, wähle eine Fo...

Wix Editor: Form-Trennlinien hinzufügen und anpassen

<div data-component-type="text"><div>Füge Form-Trennlinien zu deinen Streifen und Abschnitten hinzu, um ein interessantes und stilvolles Layout zu erstellen. Anstatt klaren Linien zu verwenden, um den Inhalt zu unterteilen, wähle eine Form (z. B. Ellipse, Wellen) oder lade deine eigenen Formen hoch. Diese Trennlinien können am oberen und unteren Rand eines Streifens oder Abschnitts platziert werden und du kannst ihr Design nach Bedarf anpassen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/09/52be9d66-5c9b-4a5c-b182-06f2e4f68770/58528999-be9d-43ff-a5c6-0cd22bf27062.png" alt="Eine Form-Trennlinie auf einer Live-Website." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bevor du loslegst:</div><div class="info-content"><div>Stelle sicher, dass du zuerst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-streifen-hinzufügen" target="_blank">einen Streifen hinzufügst und einrichtest</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-shape-divider" level="3">Eine Form-Trennlinie hinzufügen</h2></div><div data-component-type="text"><div>Beginne damit, deinem Abschnitt oder Streifen eine Form-Trennlinie hinzuzufügen. Du kannst die Trennlinie am oberen oder unteren Rand deines Streifens/Abschnitts oder an beiden hinzufügen.</div></div><div data-component-type="text"><div>Es gibt eine Reihe von Formen, aus denen du wählen kannst, sowie zusätzliche Designs im Katalog von Wix Media. Du kannst auch deine eigene Form hochladen, um diesem Übergang eine persönliche Note zu verleihen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Form-Trennlinie zu deinem Abschnitt oder Streifen hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Wähle deinen Abschnitt oder Streifen:
    <ul>
      <li>(Für Streifen) Klicke in deinem Editor auf den Streifen.</li>      <li>(Für Abschnitte) Doppelklicke in deinem Editor auf den Abschnitt.</li>    </ul>  </li>  <li>Klicke auf das Symbol für <strong>Form-Trennlinien</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/yHvLJbsmJOP1SXxMEIAAUQzJzJqnvzFR3y8-E9_PwkbtQdoj-Pv7g8BFc2HSJ7YajwNIbLV4IabXbdEANAx7u2IbMeDkCF2SFrQ5FYwDr55yXsFfs8BKIBqu9WgP7VPOlYxbQMWfL0AlK1Ao1Q" />.</li>  <li>Klicke auf den Tab <strong>Oben</strong> oder <strong>Unten</strong>, um auszuwählen, wo die Trennlinie hinzugefügt werden soll.</li>  <li>Wähle eine Form-Trennlinie aus, die du hinzufügen möchtest:
    <ul>
      <li><strong>Designvorschläge:</strong> Klicke auf eines der im Panel verfügbaren Designs.</li>      <li><strong>Zusätzliche von Wix angebotene Designs:</strong>
        <ol>
          <li>Klicke auf <strong>+ Weitere Formen</strong>.</li>          <li>(In der Medienverwaltung) Wähle ein Design aus dem Tab <strong>Medien von Wix</strong> aus.</li>          <li>Klicke auf <strong>Datei auswählen</strong>, um sie anzuwenden.</li>        </ol>      </li>      <li><strong>Deine eigene Form-Trennlinie:</strong>
        <ol>
          <li>Klicke auf <strong>+ Weitere Formen</strong>.</li>          <li>(In der Medienverwaltung) Wähle aus dem Bereich <strong>Dateien</strong> die Form, die du verwenden möchtest, oder lade eine neue hoch.</li>          <li>Klicke auf <strong>Datei auswählen</strong>, um sie anzuwenden.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/5bb8cfc6-e8ea-400b-ba8b-2107ccd0cda5/8e5c7b01-3a24-4b7f-8801-81e769c6276f.jpg" alt="Das Form-Trennlinien-Panel im Editor; eine Skyline-Form wurde ausgewählt" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customizing-your-shape-divider" level="3">Deine Form-Trennlinien anpassen</h2></div><div data-component-type="text"><div>Nachdem du eine Trennlinie hinzugefügt hast, kannst du ihr Design nach deinen Wünschen anpassen. Passe die Höhe, Farbe, Deckkraft und Ebenen an, um den Übergang zu personalisieren und ihn genau so aussehen zu lassen, wie du es möchtest.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die verfügbaren Optionen hängen von der gewählten Form-Trennlinie ab.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Form-Trennlinie anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Wähle deinen Abschnitt oder Streifen:
    <ul>
      <li>(Für Streifen) Klicke in deinem Editor auf den Streifen.</li>      <li>(Für Abschnitte) Doppelklicke in deinem Editor auf den Abschnitt.</li>    </ul>  </li>  <li>Klicke auf das Symbol für <strong>Form-Trennlinien</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/yHvLJbsmJOP1SXxMEIAAUQzJzJqnvzFR3y8-E9_PwkbtQdoj-Pv7g8BFc2HSJ7YajwNIbLV4IabXbdEANAx7u2IbMeDkCF2SFrQ5FYwDr55yXsFfs8BKIBqu9WgP7VPOlYxbQMWfL0AlK1Ao1Q" />.</li>  <li>Klicke auf den Tab <strong>Oben</strong> oder <strong>Unten</strong>, um auf die Trennlinie zuzugreifen, die du gestalten möchtest.</li>  <li>Klicke unten auf <strong>Design anpassen</strong>.</li>  <li>Wähle aus, wie du das Aussehen deiner Form-Trennlinien anpassen möchtest:
    <ul>
      <li><strong>Deckkraft &amp; Farbe:</strong> Wähle eine beliebige Farbe für deine Trennlinie und mache sie auf dem Abschnitt oder Streifen mehr oder weniger transparent.</li>      <li><strong>Höhe:</strong> Lege fest, wie hoch die Trennlinie auf deinem Streifen oder Abschnitt reichen soll.</li>      <li><strong>Horizontaler Abstand:</strong> Positioniere deine Trennlinie neu und verschiebe sie nach links oder rechts.</li>      <li><strong>Überlagerungseffekt:</strong> Klicke auf den Schalter, um der Trennlinie einen Einblendeffekt hinzuzufügen, und wähle dann eine Ausrichtung aus dem Aufklappmenü aus:
        <ul>
          <li><strong>Zentriert:</strong> Der Effekt ist auf der gesamten Trennlinie sichtbar.</li>          <li><strong>Nach oben ausblenden:</strong> Der Effekt wird zum oberen Rand der Trennlinie hin geringer.</li>          <li><strong>Nach unten ausblenden:</strong> Der Effekt wird zum unteren Rand der Trennlinie hin geringer.</li>        </ul>      </li>      <li><strong>Umkehren:</strong> Kehrt die Form der Trennlinie (vertikal) um.</li>      <li><strong>Spiegeln:</strong> Richte die Trennlinie so ein, dass sie in die entgegengesetzte Richtung (horizontal) auf deinem Streifen oder Abschnitt angezeigt wird.</li>      <li><strong>Anzahl der Wiederholungen:</strong> Lege fest, wie oft das Muster über die Trennlinie hinweg wiederholt wird.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/17/a7f0e68c-8dd1-4163-8f02-19e52d3023ae/b951c5a2-8ec1-4287-a8fb-eb5fdeb17e5e.jpg" alt="Das „Design anpassen“-Panel für eine Form-Trennlinie im Editor" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-a-custom-shape-divider" level="3">Eine benutzerdefinierte Trennlinie gestalten</h2></div><div data-component-type="text"><div>Wenn du deine eigenen Form-Trennlinien hochlädst, kannst du eine Vielzahl von Optionen verwenden, um sie weiter zu personalisieren. Passe Einstellungen wie die Farbe, Sichtbarkeit und Skalierung der Trennlinie an, um eine einzigartige Struktur und ein einzigartiges Design auf deiner Seite zu schaffen.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die verfügbaren Designoptionen für deine individuelle Trennlinie hängen von der spezifischen Datei ab, die du hochlädst.</div><div><br /></div><div>Um das Design deiner SVG-Datei anzupassen, muss die Datei folgende Eingenschaften haben:</div><ul>
  <li>Es muss eine geschlossene Form sein.</li>  <li>Sie enthält nur eine Deckkraft-Lage (Transparenz).</li>  <li>Sie enthält keinen Text, keine Striche, Farbverläufe, Filter usw.</li></ul><div><br /></div><div>Außerdem kannst du nur die Farbe von SVG-Dateien ändern, die die Farbe RGB = #000000 (Schwarz) haben.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um das Design deiner eigenen Form-Trennlinie anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Wähle deinen Abschnitt oder Streifen:
    <ul>
      <li>(Für Streifen) Klicke in deinem Editor auf den Streifen.</li>      <li>(Für Abschnitte) Doppelklicke in deinem Editor auf den Abschnitt.</li>    </ul>  </li>  <li>Klicke auf das Symbol für <strong>Form-Trennlinien</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/yHvLJbsmJOP1SXxMEIAAUQzJzJqnvzFR3y8-E9_PwkbtQdoj-Pv7g8BFc2HSJ7YajwNIbLV4IabXbdEANAx7u2IbMeDkCF2SFrQ5FYwDr55yXsFfs8BKIBqu9WgP7VPOlYxbQMWfL0AlK1Ao1Q" />.</li>  <li>Klicke auf den Tab <strong>Oben</strong> oder <strong>Unten</strong>, um auf die Trennlinie zuzugreifen, die du gestalten möchtest.</li>  <li>Klicke unten auf <strong>Design anpassen</strong>.</li>  <li>Wähle aus, wie du das Aussehen deiner Form-Trennlinien anpassen möchtest:
    <ul>
      <li><strong>Deckkraft &amp; Farbe:</strong> Wähle eine beliebige Farbe für deine Trennlinie und mache sie auf dem Abschnitt oder Streifen mehr oder weniger transparent.</li>      <li><strong>Skalierung der Trennlinie:</strong> Wähle aus, ob sich das Trennlinienmuster über den Streifen oder Abschnitt erstrecken oder sich wiederholen soll.</li>      <li><strong>Höhe:</strong> Lege fest, wie hoch der höchste Punkt der Trennlinie auf deinem Streifen oder Abschnitt reichen soll.</li>      <li><strong>Horizontaler Abstand:</strong> Lege den Abstand der Trennlinie von den Seiten des Abschnitts oder Streifens fest.</li>      <li><strong>Spiegeln:</strong> Richte die Trennlinie so ein, dass sie in die entgegengesetzte Richtung (horizontal) auf deinem Streifen oder Abschnitt angezeigt wird.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/03/06/14eaa300-24a9-46d6-8299-7fe3be3e7f5f/800fa520-ff6a-44d6-afdb-4bbecfbf075d.png" alt="Das Design-Panel einer Form-Trennlinie in einem Abschnitt" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen (FAQs)</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Welche Arten von benutzerdefinierten Form-Trennlinien kann ich hochladen?</h4><div class="collapsible-content"><div>Es ist nur möglich, SVG-Dateien als Form-Trennlinien auf deiner Website hochzuladen und zu verwenden. PNG- und JPG-Dateien werden nicht unterstützt.</div><div><br /></div><div>Beachte Folgendes, wenn du deine SVG-Datei hochlädst:</div><ul>
  <li>SVG-Dateien, die du hochlädst, dürfen nicht größer als 250 KB sein.</li>  <li>Die empfohlene Proportionensgröße für deine eigenen SVG-Dateien ist eine Breite von 1920px und eine Höhe zwischen 50-300px.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Sind Form-Trennlinien responsiv?</h4><div class="collapsible-content"><div>Einige Form-Trennliniendesigns sind vollständig responsiv, was bedeutet, dass sie sich an die Größe der Bildschirme deiner Besucher anpassen.</div><div><br /></div><div>Komplexere Designs (z. B. Skyline von New York und Meeresgrund) können nicht gestreckt werden, ohne ihre Proportionen zu verlieren, daher werden sie automatisch an die Bildschirmgröße angepasst.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich Trennlinien zu Spalten eines Streifens hinzufügen?</h4><div class="collapsible-content"><div>Es ist nicht möglich, Form-Trennlinien zu Spalten hinzuzufügen. Du kannst jedoch Spalten zu Streifen hinzufügen, die Form-Trennlinien enthalten.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie funktionieren sie auf Mobile?</h4><div class="collapsible-content"><div>Form-Trennlinien werden automatisch auf deine mobile Website übertragen und sind auf 50px festgelegt.</div><div><br /></div><div>Du kannst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-form-trennlinien-auf-deiner-mobile-website-anpassen" target="_blank">im Desktop-Editor hinzugefügte Trennlinien anpassen</a>, um einzigartige Inhalte für Mobile-Besucher zu erstellen. Es ist jedoch nicht möglich, Trennlinien für Mobile über das <strong>Zur mobilen Version hinzufügen</strong>-Panel hinzuzufügen.</div></div></div></div>

Zurzeit ist es nicht möglich, den Inhalt deiner Website verblassen zu lassen, wenn du oder deine Besucher auf deiner Website nach unten scrollen.Du kannst jedoch den Streifenhintergrund so einstellen,...

Wix Editor Funktionsvorschlag: Inhalt beim Scrollen verblassen lassen

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, den Inhalt deiner Website verblassen zu lassen, wenn du oder deine Besucher auf deiner Website nach unten scrollen.</div></div><div data-component-type="text"><div>Du kannst jedoch den Streifenhintergrund so einstellen, dass er beim Scrollen verblasst, was einen ähnlichen Effekt hat. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-scroll-effekte-für-den-hintergrund-deines-streifens-anwenden" target="_blank">So geht's</a></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Zurzeit ist es nicht möglich, Mouseover-Effekte für Streifen und Spalten hinzuzufügen und anzupassen.Als Alternative kannst du Inhalte und Mouseover-Effekte zu Container-Boxen auf deiner Website hinzu...

Wix Editor Funktionsvorschlag: Mouseover-Effekte zu Streifen und Spalten hinzufügen

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, Mouseover-Effekte für Streifen und Spalten hinzuzufügen und anzupassen.</div></div><div data-component-type="text"><div>Als Alternative kannst du Inhalte und Mouseover-Effekte zu Container-Boxen auf deiner Website hinzufügen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-mouseover-effekte-hinzufügen-und-einrichten" target="_blank">So geht's</a></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div><div data-component-type="text"><div>Wenn du dir diese Funktion wünschst, klicke bitte auf <strong>Stimme abgeben</strong> und wir halten dich über alle Neuigkeiten dazu auf dem Laufenden.</div></div>

Zurzeit ist es nicht möglich, den Radius der Ecken von Streifen oder Spalten anzupassen.Als Alternative kannst du Inhalte mit Container-Boxen anzeigen und den Eckenradius über das Design-Panel anpasse...

Wix Editor Funktionsvorschlag: Den Eckenradius von Streifen und Spalten anpassen

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, den Radius der Ecken von Streifen oder Spalten anzupassen.</div></div><div data-component-type="text"><div>Als Alternative kannst du Inhalte mit Container-Boxen anzeigen und den Eckenradius über das Design-Panel anpassen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-box-hinzufügen-und-einrichten#customizing-your-box-design" target="_blank">Mehr erfahren</a></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div><div data-component-type="text"><div>Wenn du dir diese Funktion wünschst, klicke bitte auf <strong>Stimme abgeben</strong> und wir halten dich über alle Neuigkeiten dazu auf dem Laufenden.</div></div>

Zurzeit ist es nicht möglich, Spalten, die du zu Streifen hinzugefügt hast, zu teilen.Durch das Teilen von Spalten kannst du jedes Teil separat bearbeiten, wie in der Abbildung unten gezeigt.Als Alter...

Wix Editor Funktionsvorschlag: Spalten in Streifen aufteilen

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, Spalten, die du zu Streifen hinzugefügt hast, zu teilen.</div></div><div data-component-type="text"><div>Durch das Teilen von Spalten kannst du jedes Teil separat bearbeiten, wie in der Abbildung unten gezeigt.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/15/0f56ddf4-fb6a-4e08-8be0-c88735ce9cc6/25f5fefd-e337-4232-bdf7-0af58ed96db2.png" /></div></div><div data-component-type="text"><div>Als Alternative kannst du Elemente wie Linien und Text an verschiedene Teile der Spalte anhängen, um den Effekt zu erzielen, dass sie geteilt sind. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-an-einen-streifen-hängen#attaching-elements-to-a-column" target="_blank">So geht's</a></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Zurzeit unterstützt Wix das Hinzufügen und Anpassen von Rändern für Streifen und Spalten nicht.Als Alternative kannst du aus dem Bedienfeld Elemente hinzufügen auf der linken Seite den Rändern deiner ...

Wix Editor Funktionsvorschlag: Ränder zu Streifen und Spalten hinzufügen

<div data-component-type="text"><div>Zurzeit unterstützt Wix das Hinzufügen und Anpassen von Rändern für Streifen und Spalten nicht.</div></div><div data-component-type="text"><div>Als Alternative kannst du aus dem Bedienfeld <strong>Elemente hinzufügen</strong> auf der linken Seite den Rändern deiner Streifen und Spalten <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-dekorative-formen-und-linien-hinzufügen" target="_blank">Linien hinzufügen</a>.</div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Zurzeit unterstützt Wix das Hinzufügen und Anpassen von Schatten zu Streifen und Spalten auf deiner Website nicht.Es gibt jedoch viele Designoptionen für Streifen und Spalten, wie z. B. das Ändern des...

Wix Editor Funktionsvorschlag: Schatten zu Streifen und Spalten hinzufügen

<div data-component-type="text"><div>Zurzeit unterstützt Wix das Hinzufügen und Anpassen von Schatten zu Streifen und Spalten auf deiner Website nicht.</div></div><div data-component-type="text"><div>Es gibt jedoch viele Designoptionen für Streifen und Spalten, wie z. B. das Ändern des Hintergrunds und das Auswählen von Scroll-Einstellungen. <a data-composite="true" href="https://support.wix.com/de/the-wix-editor/strips-columns" target="">Mehr erfahren</a></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div><div data-component-type="text"><div>Wenn du dir diese Funktion wünschst, klicke bitte auf <strong>Stimme abgeben</strong> und wir halten dich über alle Neuigkeiten dazu auf dem Laufenden.</div></div>

Zurzeit ist es für Streifen nicht möglich, ihre Höhe für verschiedene Ansichtsfenster oder Bildschirmgrößen (z. B. Mobilgeräte) automatisch anzupassen. Du kannst deinen Streifen allerdings im Mobile-E...

Wix Editor Funktionsvorschlag: Die Höhe eines Streifens automatisch an verschiedene Ansichtsfenster anpassen

<div data-component-type="text"><div>Zurzeit ist es für Streifen nicht möglich, ihre Höhe für verschiedene Ansichtsfenster oder Bildschirmgrößen (z. B. Mobilgeräte) automatisch anzupassen. </div></div><div data-component-type="text"><div>Du kannst deinen Streifen allerdings im Mobile-Editor verkleinern oder vergrößern, indem du auf die Ziehgriffe klickst und sie ziehst. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-streifen-und-spalten-auf-deiner-mobile-website#strips-on-your-mobile-site" target="">Klicke hier, um mehr zu erfahren</a> </div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Du kannst die Form-Trennlinien auf deinen Streifen und Abschnitten anpassen, indem du Einstellungen wie Ebenen und Deckkraft anpasst und die Farbe änderst. Es ist allerdings nicht möglich, einer Form-...

Wix Editor Funktionsvorschlag: Verläufe zu Form-Trennlinien hinzufügen

<div data-component-type="text"><div>Du kannst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-form-trennlinien-hinzufügen-und-anpassen#customizing-your-shape-divider" target="_blank">die Form-Trennlinien auf deinen Streifen und Abschnitten anpassen</a>, indem du Einstellungen wie Ebenen und Deckkraft anpasst und die Farbe änderst. Es ist allerdings nicht möglich, einer Form-Trennlinie auf einem Abschnitt oder Streifen einen Farbverlauf hinzuzufügen.</div></div><div data-component-type="text"><div>Als Alternative kannst du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deinen-streifenhintergrund-ändern" target="">einen Farbverlauf zu einem Streifen- oder Abschnittshintergrund hinzufügen</a> und die Deckkraft der Trennlinie anpassen, damit der Farbverlauf besser sichtbar ist.</div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Du kannst die Kopf- und Fußzeile auf bestimmten Seiten deiner Website ausblenden. Dadurch können sich Besucher auf den Inhalt der Seite konzentrieren und sie navigieren nicht zu anderen Seiten. Wenn d...

Wix Editor: Die Kopf- und Fußzeile auf einer bestimmten Seite ausblenden

<div data-component-type="text"><div>Du kannst die Kopf- und Fußzeile auf bestimmten Seiten deiner Website ausblenden. Dadurch können sich Besucher auf den Inhalt der Seite konzentrieren und sie navigieren nicht zu anderen Seiten. Wenn du eine <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-eine-einseitige-website-erstellen" target="">einseitige Website</a> hast, ist eine Kopf- und Fußzeile möglicherweise auch nicht erforderlich.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="hiding-the-header-and-footer" level="3">Kopf- und Fußzeile ausblenden </h2></div><div data-component-type="text"><div>Du kannst die Kopf- und Fußzeile aus verschiedenen Gründen ausblenden. Bestimmte Seiten erfordern keine Kopf- und Fußzeile, z. B. „In Kürze verfügbar“- und „Im Umbau“-Seiten oder eine Startseite zum Sammeln von Leads.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Kopf- und Fußzeile auf einer bestimmten Seite auszublenden:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Seiten &amp; Menü</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/78oSgFeIMp5aI1p-pjbs4Qas3jboaOudOvC7kH9B8r0ulkBbhu1KY6_JAuMJfsfkXmoN64979lHbPcNM5psjZPHslubRTrl2gyrI_fI_wm2HxgwlZbGvpggATt3Yg1su53pkKti8" />.</li>  <li>Klicke auf die entsprechende Seite.</li>  <li>Klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/03/ea5aa155-aa5e-4ef1-8bea-69375765e8c4.png" />.</li>  <li>Klicke auf <strong>Einstellungen</strong>.</li>  <li>Klicke auf <strong>Layout</strong>.</li>  <li>Wähle <strong>Ohne Kopf- und Fußzeile</strong>.<br /> <br /></li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/04/15/539a89db-a7b1-4595-802a-120963651bca/22c13d74-4034-42fe-b8ce-3963b77952a3.png" alt="Seiteneinstellungen im Editor von Wix. Die Option Keine Kopf- und Fußzeile wurde ausgewählt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="important-information" level="3">Wichtige Informationen</h2></div><div data-component-type="text"><div>Wenn du die Kopf- und Fußzeile auf einer bestimmten Seite ausblendest, werden auch die diesen Bereichen hinzugefügten Elemente ausgeblendet, einschließlich <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-ein-element-auf-allen-seiten-anzeigen" target="">Elemente, die auf allen Seiten angezeigt werden</a>.</div></div><div data-component-type="text"><div>Wenn du die Kopf- und Fußzeile ausblendest, solltest du Folgendes beachten:</div></div><div data-component-type="text"><ul>
  <li>Die Seite zeigt das Menü nicht in der Kopfzeile an. Wenn du möchtest, dass deine Besucher zum Rest deiner Website navigieren können, musst du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-link-zu-einem-button-hinzufügen" target="">einen Button</a> auf die Hauptseite deiner Website verlinken oder auf eine andere Seite, auf der das Menü angezeigt wird.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/apps-erscheinen-auf-seiten-mit-einer-ausgeblendeten-kopf-und-fußzeile-nicht" target="">Bestimmte Apps</a> (z. B. Zurück nach oben, LiveChat) erscheinen nicht auf deiner Live-Website.</li>  <li>Dies wirkt sich auch auf deine Mobile-Website aus; die Kopf- und Fußzeile werden auf der mobilen Version dieser Seite nicht angezeigt.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Es ist nicht möglich, nur die Fußzeile oder nur die Kopfzeile auszublenden. Wenn du das Layout <strong>Keine Kopf- und Fußzeile</strong> wählst, wird keines von beiden angezeigt.</div></div></div></div>

Die Kopfzeile deiner Website wird auf allen Seiten oben auf deiner Website angezeigt. Die Kopfzeile vermittelt den Besuchern einen ersten Eindruck von deiner Website und enthält in der Regel wichtige ...

Wix Editor: Über die Kopfzeile deiner Website

<div data-component-type="text"><div>Die Kopfzeile deiner Website wird auf allen Seiten oben auf deiner Website angezeigt. Die Kopfzeile vermittelt den Besuchern einen ersten Eindruck von deiner Website und enthält in der Regel wichtige Informationen und Elemente.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/17/ba7c5e1d-9ef5-4388-9d11-6067412f2299/6352dc77-01fa-477e-be41-82486ff9d470.png" alt="Eine Live-Website von Wix. Die Kopfzeile wird durch ein orangefarbenes Quadrat hervorgehoben." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="add-important-content-to-your-header" level="3">Wichtige Inhalte zur Kopfzeile hinzufügen</h2></div><div data-component-type="text"><div>Da die Kopfzeile deiner Website das erste ist, was deine Besucher sehen, ist es wichtig, sie für deine Marke oder dein Unternehmen zu optimieren. Eine der besten Möglichkeiten, dies zu tun, ist das Hinzufügen relevanter Informationen und Elemente.</div><div><br /></div><div>Wir empfehlen, deinen Website-Titel, dein Unternehmenslogo und dein Website-Menü in die Kopfzeile einzufügen. Der Titel und das Logo unterstreichen deine Marke, während das Menü den Besuchern eine einfache Navigation ermöglicht.</div></div><div data-component-type="text"><div>Neben den regulären Elementen kannst du auch Funktionen aus Apps hinzufügen, die du zu deiner Website hinzugefügt hast. Wenn du beispielsweise Wix Stores hast, kannst du das Warenkorb-Symbol zur Kopfzeile hinzufügen. Wenn sich diese Elemente in der Kopfzeile befinden, können deine Besucher immer auf wichtige Informationen zugreifen, egal auf welcher Seite sie sich befinden. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-in-deiner-kopfzeile-fußzeile-und-auf-deiner-seite-platzieren#attaching-elements-to-the-header" target="_blank">So fügst du Elemente zur Kopfzeile deiner Website hinzu</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/17/e0ad7204-8f42-4d4c-bce8-46fd7c62ae10/d665ee31-c3a7-4238-912d-0223ec8756a6.png" alt="Die Kopfzeile der Website im Editor. Die Kopfzeile und ihre Elemente sind hervorgehoben." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customize-your-header-to-suit-your-site" level="3">Deine Kopfzeile an deine Website anpassen</h2></div><div data-component-type="text"><div>Neben dem Hinzufügen von Elementen zu deiner Kopfzeile empfehlen wir, sie auch so zu gestalten, dass sie zum Design deiner Website passt. Es gibt eine Reihe von Möglichkeiten, deine Kopfzeile zu personalisieren:</div></div><div data-component-type="text"><ul>
  <li><strong>Das Design auswählen und anpassen:</strong> Du kannst aus einer Reihe von Designvoreinstellungen wählen und Einstellungen wie Farbe, Rand und Ecken anpassen, damit es so aussieht, wie du es möchtest.</li>  <li><strong>Größe der Kopfzeile ändern:</strong> Wenn du feststellst, dass deine Kopfzeile nicht die richtige Größe hat, kannst du sie mit dem Ziehgriff vergrößern oder verkleinern.</li>  <li><strong>Scroll-Effekte hinzufügen:</strong> Wähle aus einer Reihe von interessanten Scroll-Effekten aus, um deiner Website einen auffälligen und persönlichen Touch zu verleihen.</li></ul></div><div data-component-type="text"><div>Wenn du deine Kopfzeile anpasst, kannst du einen bleibenden Eindruck bei deinen Website-Besuchern hinterlassen und sie ermutigen, weiter auf deiner Website zu stöbern, um mehr über deine Marke oder dein Unternehmen zu erfahren. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-die-kopfzeile-deiner-website-anpassen" target="_blank">So kannst du die Kopfzeile deiner Website anpassen</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/17/9713e241-ca66-4dd6-9e85-389c5f17635f/0558fcd4-0221-4e36-bc17-bfda5238ca80.png" alt="Das Panel „Design anpassen“ deiner Kopfzeile im Editor. Der Cursor bewegt sich über dem Farbfeld für den Rand." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich die Kopfzeile von meiner Website löschen?</h4><div class="collapsible-content"><div>Es ist nicht möglich, die Kopfzeile von deiner Website zu löschen, du kannst jedoch das Seitenlayout zu einem Design ohne Kopf- oder Fußzeile ändern. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-die-kopf-und-fußzeile-auf-einer-bestimmten-seite-ausblenden" target="_blank">So änderst du das Seitenlayout</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich meine Kopfzeile auf bestimmten Seiten ausblenden?</h4><div class="collapsible-content"><div>Du kannst die Kopf- und Kopfzeile deiner Website von bestimmten Seiten ausblenden, indem du das Layout der Seite änderst. Es ist nicht möglich, nur die Kopfzeile und nicht die Fußzeile auszublenden. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-die-kopf-und-fußzeile-auf-einer-bestimmten-seite-ausblenden" target="_blank">So kannst du die Kopf- und Fußzeile ausblenden</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich die Kopfzeile vom oberen Rand meiner Seite verschieben?</h4><div class="collapsible-content"><div>Es ist nicht möglich, die Kopfzeile an einen anderen Teil deiner Website-Seite zu verschieben. Du kannst jedoch die Größe ändern, indem du die Ziehgriffe anklickst und ziehst. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-die-kopfzeile-deiner-website-anpassen#resizing-your-header" target="_blank">So kannst du die Größe deiner Kopfzeile ändern</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Elemente verschwinden aus der Kopfzeile meiner Website. Was muss ich tun?</h4><div class="collapsible-content"><div>Elemente können aus der Kopfzeile deiner Website verschwinden oder hinter die Kopfzeile zurückfallen, wenn die Kopfzeile einen fixierten Scroll-Effekt hat oder wenn die Elemente nicht auf allen Seiten angezeigt werden. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-abstand-zwischen-seiteninhalt-und-fußzeile-entfernen#elements-disappearing-from-the-site-header" target="_blank">So kannst du dieses Problem beheben</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum kann ich meine Kopfzeile im Ebenen-Panel nicht sehen?</h4><div class="collapsible-content"><div>Die Kopfzeile deiner Website wird nicht im <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-ebenen-panel-verwenden" target="_blank">Ebenen-Panel</a> angezeigt, wenn sie keine Elemente enthält. Du kannst deine Kopfzeile jedoch weiterhin auswählen und anpassen, indem du darauf klickst.</div></div></div></div>

Die Fußzeile befindet sich unten am Ende einer jeden Seite deiner Website.Da sie auf jeder Seite angezeigt wird, enthält sie in der Regel Inhalte, die für deine Besucher nützlich sind, egal wo sie sic...

Wix Editor: Über die Fußzeile deiner Website

<div data-component-type="text"><div>Die Fußzeile befindet sich unten am Ende einer jeden Seite deiner Website.</div><div><br /></div><div>Da sie auf jeder Seite angezeigt wird, enthält sie in der Regel Inhalte, die für deine Besucher nützlich sind, egal wo sie sich auf deiner Website befinden, z. B. Kontaktdaten, Links zu sozialen Medien und Urheberrechtsinformationen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/17/63f252eb-2ba2-4fe9-b3b6-cb9b12576d5c/69fb52dd-f914-471c-9c69-e284afe94c10.png" alt="Eine Live-Website von Wix. Die Fußzeile ist hervorgehoben." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="display-useful-content-on-all-pages" level="3">Nützliche Inhalte auf allen Seiten anzeigen</h2></div><div data-component-type="text"><div>Da deine Fußzeile und ihr Inhalt auf allen Seiten deiner Website angezeigt werden, kann sie verwendet werden, um Inhalte anzuzeigen, die immer sichtbar sein sollen, wie z. B. deine geschäftliche Telefonnummer, Urheberrechtsinformationen und Links zu deinen Social-Media-Konten.</div></div><div data-component-type="text"><div>Da sich die Fußzeile am unteren Rand der Website befindet, empfehlen wir, dort keine wichtigen Informationen (z. B. dein Website-Menü) hinzuzufügen, da deine Besucher sie möglicherweise nicht sehen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-in-deiner-kopfzeile-fußzeile-und-auf-deiner-seite-platzieren#moving-elements-to-the-footer" target="">So hängst du Elemente an die Fußzeile deiner Website an</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/17/66ef2b6c-3983-472c-a4f6-ed7672e6d4b0/b88675dc-2c31-47da-9223-119b542cd2e8.png" alt="Die Fußzeile im Editor. Die Fußzeile und ihre Elemente sind hervorgehoben." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Möchtest du ein Element aus der Fußzeile entfernen?</div><div class="info-content"><div>Ziehe das Element aus der Fußzeile in einen anderen Bereich deiner Website.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="customize-your-footer-to-suit-your-site" level="3">Deine Fußzeile an deine Website anpassen</h2></div><div data-component-type="text"><div>Passe die Fußzeile an das Design deiner Website an oder überlege dir etwas, um deinen Besuchern einen besonderen Blickfang zu bieten. Es gibt eine Reihe von Möglichkeiten, deine Fußzeile anzupassen:</div></div><div data-component-type="text"><ul>
  <li><strong>Das Design ändern:</strong> Du kannst die Farbe und Ecken anpassen sowie einen Rand und einen Schatten hinzufügen.</li>  <li><strong>Größe der Fußzeile ändern:</strong> Wenn du die Größe der Fußzeile ändern möchtest, kannst du sie mit dem Ziehpunkt vergrößern oder verkleinern.</li>  <li><strong>Position der Fußzeile fixieren:</strong> Du kannst die Fußzeile fixieren, sodass sie immer auf deinen Seiten sichtbar ist, auch wenn Besucher auf der Website scrollen.</li></ul></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/18/22e8506a-d221-4a4e-8614-5c2e01b95671/09b1469e-693e-4586-818f-adcb26bfcb4e.png" alt="Das Panel zum Anpassen des Fußzeilen-Designs. Der Cursor fährt über den Slider, um die Deckkraft des Hintergrunds anzupassen." /></div></div><div data-component-type="text"><div>Durch die Anpassung der Fußzeile wird deine Website weiter personalisiert und deine Marke präsentiert, auch wenn deine Besucher das Ende der Seite erreicht haben. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-die-fußzeile-deiner-website-anpassen" target="">So kannst du deine Fußzeile anpassen</a></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich die Fußzeile von meiner Website löschen?</h4><div class="collapsible-content"><div>Es ist nicht möglich, die Fußzeile von deiner Website zu löschen, du kannst jedoch das Seitenlayout zu einem Design ohne Kopf- oder Fußzeile ändern. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-die-kopf-und-fußzeile-auf-einer-bestimmten-seite-ausblenden" target="">So änderst du das Seitenlayout</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich die Fußzeile auf bestimmten Seiten ausblenden?</h4><div class="collapsible-content"><div>Du kannst die Kopf- und Fußzeile deiner Website von bestimmten Seiten ausblenden, indem du das Layout der Seite änderst. Es ist nicht möglich, nur die Fußzeile oder nur die Kopfzeile auszublenden. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-die-kopf-und-fußzeile-auf-einer-bestimmten-seite-ausblenden" target="_blank">So kannst du die Kopf- und Fußzeile ausblenden</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich die Fußzeile auf meiner Seite nach oben verschieben?</h4><div class="collapsible-content"><div>Auf jeden Fall. Obwohl sich die Fußzeile immer am unteren Rand deiner Seite befindet, kannst du die Seitenlänge mit dem Ziehgriff <strong>Seitenhöhe anpassen</strong> ändern. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-die-seitenlänge-ändern" target="">So änderst du die Seitenlänge</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Die Fußzeile verdeckt einige Elemente auf meiner Seite. Was muss ich tun?</h4><div class="collapsible-content"><div>Wenn du Elemente auf deiner Seite hast, bei denen die Option „Auf allen Seiten anzeigen“ aktiviert ist, kann die Fußzeile diese überlagern. Du kannst den Ziehgriff zum Anpassen der Seitenhöhe verwenden, um die Seite zu verlängern und zu verhindern, dass die Fußzeile diese Elemente verdeckt. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-abstand-zwischen-seiteninhalt-und-fußzeile-entfernen#footer-overlapping-elements-set-to-show-on-all-pages" target="">So kannst du dieses Problem beheben</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum kann ich meine Fußzeile im Ebenen-Panel nicht sehen?</h4><div class="collapsible-content"><div>Die Fußzeile deiner Website wird nicht im <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-ebenen-panel-verwenden" target="_blank">Ebenen-Panel</a> angezeigt, wenn sie keine Elemente enthält. Du kannst deine Fußzeile jedoch weiterhin auswählen und anpassen, indem du darauf klickst.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Auf einigen Bildschirmen sehe ich einen weißen Zwischenraum unterhalb der Fußzeile, auf anderen jedoch nicht. Was kann ich tun? </h4><div class="collapsible-content"><div>Dies passiert, wenn dein Seiteninhalt nicht die volle Höhe des Browserfensters ausfüllt. Während wir weiterhin nach Lösungen für vertikale Reaktionsfähigkeit suchen, <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-funktionsvorschlag-den-weißen-balken-unter-der-fußzeile-entfernen" target="_blank">stimme für diesen Funktionsvorschlag ab</a>. Das hilft uns dabei, Prioritäten zu setzen.</div></div></div></div>

Deine Website-Seiten sind in 3 Abschnitte unterteilt, die durch die Rasterlinien im Editor definiert werden: die Kopfzeile, den Hauptteil der Seite und die Fußzeile.Deine Kopf- und Fußzeile sind auf a...

Wix Editor: Elemente in der Kopf- und Fußzeile und auf der Seite platzieren

<div data-component-type="text"><div>Deine Website-Seiten sind in 3 Abschnitte unterteilt, die durch die <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-rasterlinien-im-editor" target="">Rasterlinien</a> im Editor definiert werden: die Kopfzeile, den Hauptteil der Seite und die Fußzeile.</div></div><div data-component-type="text"><div>Deine Kopf- und Fußzeile sind auf allen Seiten sichtbar, d. h. du kannst von jeder Seite deiner Website auf Elemente, die du darin platziert hast, aus zugreifen. Elemente auf der Seite selbst sind nur auf dieser bestimmten Seite sichtbar.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="attaching-elements-to-the-header" level="3">Elemente an die Kopfzeile anhängen</h2></div><div data-component-type="text"><div>Die Kopfzeile ist oft eines der ersten Dinge, die Besucher sehen, wenn sie deine Website öffnen. Sie enthält meist Elemente wie deinen Unternehmensnamen, ein Website-Menü und ein Logo.<a data-composite="true" href="https://support.wix.com/de/article/wix-editor-über-die-kopfzeile-deiner-website" target="">Mehr über die Kopfzeile deiner Website erfahren</a></div></div><div data-component-type="text"><div>Wir empfehlen, deine Kopfzeile sauber und anspruchsvoll zu halten, da dies für ein angenehmeres Erlebnis für deine Website-Besucher sorgt.</div></div><div data-component-type="text"><div>Um ein Element an deine Kopfzeile anzuhängen, ziehe es über die Kopfzeile, bis die Nachricht <strong>An Kopfzeile anhängen</strong> angezeigt wird.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/02/2bd16af1-76c1-4af1-946d-a2548e397cc2/655b22f6-3a89-49db-929b-a2581af78521.gif" alt="GIF, das zeigt, wie ein Text verschoben und an die Kopfzeile einer Website angehängt wird" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Elemente müssen kleiner als die Kopfzeile sein, damit sie darauf passen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="placing-elements-on-the-main-area-of-the-page" level="3">Elemente im Hauptbereich der Seite platzieren</h2></div><div data-component-type="text"><div>Der Hauptteil deiner Seite enthält die meisten Elemente und Inhalte deiner Website. Die Elemente unterscheiden sich von Seite zu Seite, je nachdem, worum es auf der Seite geht. Du kannst der Seite beliebige Inhalte hinzufügen, einschließlich Galerien, Text und Formulare.</div></div><div data-component-type="text"><div>Um ein Element an die Seite anzuhängen, ziehe es an die gewünschte Stelle und lege es ab, wenn die Nachricht <strong>An Seite hängen</strong> angezeigt wird.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/02/223bebd2-80d0-4fff-8340-eb4b40dae12f/358d608a-82b9-42ec-8b62-2443ac9508ff.gif" alt="GIF, das Vektorgrafiken zeigt, die im Editor an den Hauptteil der Seite angehängt sind" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="moving-elements-to-the-footer" level="3">Elemente in die Fußzeile verschieben</h2></div><div data-component-type="text"><div>Die Fußzeile befindet sich unten auf deiner Website und wird auf allen Seiten angezeigt. Sie enthält in der Regel Inhalte Informationen wie Kontaktdaten und Copyright-Angaben. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-über-die-fußzeile-deiner-website" target="">Mehr über die Fußzeile deiner Website erfahren</a></div></div><div data-component-type="text"><div>Wir empfehlen, wichtige Inhalte nicht in der Fußzeile deiner Website zu platzieren, da Besucher diese möglicherweise nicht sehen.</div></div><div data-component-type="text"><div>Um ein Element in die Fußzeile zu verschieben, ziehe es an den unteren Rand der Seite (so nah wie möglich an die Fußzeile) und klicke auf <strong>In die Fußzeile verschieben</strong>.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/02/3709cc6c-252a-47da-bcb6-69f6b4abf510/b24e01d6-c3f0-4a53-b0d5-a2ba040eacac.gif" alt="GIF, das zeigt, wie ein Text in die Fußzeile der Website verschoben wird" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Elemente müssen kleiner als die Fußzeile sein, damit sie darauf passen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie entferne ich ein Element aus meiner Kopf- oder Fußzeile?</h4><div class="collapsible-content"><div>Ziehe das Element einfach aus der Kopf- oder Fußzeile in einen anderen Bereich deiner Seite.</div><div><br /></div><div>Sobald du ein Element aus der Kopf- oder Fußzeile entfernst, wird es nicht mehr auf allen Seiten angezeigt. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-ein-element-auf-allen-seiten-anzeigen" target="_blank">Erfahre, wie du einstellst, dass das Element auf allen Seiten angezeigt wird.</a></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich Elemente außerhalb der Rasterlinien platzieren?</h4><div class="collapsible-content"><div>Die Breite deiner Website ist auf 980 Pixel festgelegt, die durch die Rasterlinien markiert werden. Du kannst deine Website außerhalb der Rasterlinien gestalten, wir empfehlen jedoch, dass alles, was du außerhalb dieser Grenzen hinzufügst, hauptsächlich dekorativ und für das Surferlebnis deiner Besucher nicht wichtig ist.</div></div></div></div>

Die Seiten deiner Website haben keine vorgegebene Größe und passen ihre Länge automatisch an die von dir hinzugefügten Inhalte an. Dadurch wird sichergestellt, dass deine Informationen und Elemente au...

Wix Editor: Die Länge deiner Seite ändern

<div data-component-type="text"><div>Die Seiten deiner Website haben keine vorgegebene Größe und passen ihre Länge automatisch an die von dir hinzugefügten Inhalte an. Dadurch wird sichergestellt, dass deine Informationen und Elemente auf deiner Live-Website nicht abgeschnitten werden.</div></div><div data-component-type="text"><div>Du kannst die Länge deiner Seiten manuell ändern, um sie je nach Layout- und Inhaltsanforderungen zu verlängern oder zu verkürzen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-page-length" level="3">Deine Seitenlänge ändern</h2></div><div data-component-type="text"><div>Ändere die Größe deiner Seite mit dem Ziehpunkt Seitenhöhe im Editor. Du kannst diesen Ziehpunkt an verschiedenen Stellen auf deiner Website finden, je nachdem, ob du eine Fußzeile auf dieser Seite hast oder nicht.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Höhe einer Seite mit einer Fußzeile zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf deine Fußzeile.</li>  <li>Klicke und ziehe den Griff <strong>Seitenhöhe anpassen</strong> oben in der Fußzeile an die gewünschte Position.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/20/551fd3aa-9d04-454e-9699-be341f2186aa/b7f9f6ed-ad48-4885-9acd-54b37b120b86.gif" alt="Eine Seite mit einer Fußzeile, deren Größe mit dem Seitenhöhengriff geändert wird." /></div></div><div data-component-type="heading"><h2 id="" level="4">Um die Höhe einer Seite ohne Fußzeile zu ändern:</h2></div><div data-component-type="text"><ol>
  <li>Klicke auf deine Seite.</li>  <li>Klicke und ziehe den Griff <strong>Seitenhöhe anpassen</strong> unten auf der Seite an die gewünschte Position.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/20/3240e795-27e4-4311-ab27-166702c52513/f86716dd-3c09-493f-80de-b0d88ecdbf8d.gif" alt="Eine Seite ohne Fußzeile, deren Größe mit dem Seitenhöhengriff geändert wird." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Diese Option ist nur verfügbar, wenn du das <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-die-kopf-und-fußzeile-auf-einer-bestimmten-seite-ausblenden" target="">Layout ohne Kopf- und Fußzeile</a> für deine Seite ausgewählt hast. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen</h2></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann jede Seite unterschiedlich lang sein?</h4><div class="collapsible-content"><div>Die Seiten deiner Website können alle unterschiedlich lang sein. Dies gilt auch für deine mobile Website.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich die Höhe meiner Seite zurücksetzen?</h4><div class="collapsible-content"><div>Absolut. Doppelklicke einfach auf den Griff <strong>Seitenhöhe anpassen</strong>, um die Höhe deiner Seite zurückzusetzen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ich klicke auf den Seitenhöhengriff, aber er bewegt sich nicht. Warum nicht?</h4><div class="collapsible-content"><div>Wenn sich die Größe deiner Seite nicht ändert, gibt es möglicherweise ein Element, das im Weg ist. Zum Beispiel kannst du eine Seite nicht verkürzen, wenn dadurch ein Element am unteren Rand der Seite abgeschnitten wird. Um die Größe deiner Seitenlänge zu ändern, musst du das Element verschieben oder <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-elemente-hinzufügen-und-löschen#deleting-elements-from-your-site" target="">löschen</a>.</div><div><br /></div><div><strong>Hinweis:</strong> Wenn du das Element nicht finden kannst, kannst du es mit dem <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-ebenen-panel-verwenden" target="">Ebenen-Panel</a> suchen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Was ist die minimale und maximale Länge meiner Seite?</h4><div class="collapsible-content"><div>Die Seitenlänge kann mindestens 500 Pixel und maximal 60.000 Pixel betragen.</div><div>Seiten mit mehr Inhalten brauchen länger als solche mit weniger Inhalten und Elementen. Wenn du viele Inhalte auf deiner Website hast, empfehlen wir daher, diese auf mehreren Seiten anzuzeigen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ich habe die Größe meiner Seite geändert, aber jetzt gibt es eine Lücke zwischen der Seite und der Fußzeile. Was muss ich tun?</h4><div class="collapsible-content"><div>Du kannst Abstände zwischen deiner Seite und der Fußzeile entfernen, indem du die Länge der Seite erneut anpasst oder das Seitendesign änderst. <a data-composite="true" href="https://support.wix.com/en/article/wix-editor-fixing-spacing-and-alignment-issues-on-your-site#gaps-between-the-page-content-and-footer" target="">Erfahre mehr über das Entfernen von Abständen zwischen einer Seite und einer Fußzeile</a></div></div></div></div>

Deine Kopfzeile ist der Abschnitt ganz oben auf den Seiten deiner Website, in dem deine Speisekarte und dein Logo angezeigt wird. Da deine Kopfzeile deinen Besuchern den ersten Eindruck deiner Website...

Wix Editor: Die Kopfzeile deiner Website anpassen

<div data-component-type="text"><div>Deine Kopfzeile ist der Abschnitt ganz oben auf den Seiten deiner Website, in dem deine Speisekarte und dein Logo angezeigt wird. Da deine Kopfzeile deinen Besuchern den ersten Eindruck deiner Website vermittelt, solltest du sie an deine Marke und dein Design anpassen.</div></div><div data-component-type="text"><div>Wähle ein Design und einen Scroll-Effekt für deine Kopfzeile und lege die Größe und Ränder fest, um sicherzustellen, dass sie sich abheben kann.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-content"><div>Die Elemente in deiner Kopfzeile werden automatisch auf allen Seiten angezeigt, auf denen deine Kopfzeile angezeigt wird.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-your-headers-design" level="3">Das Design deiner Kopfzeile ändern</h2></div><div data-component-type="text"><div>Du kannst das Design deiner Kopfzeile an deine Website anpassen. Wähle aus einer Vielzahl von Vorlagen ein Design aus und passe die Einstellungen wie Farbe, Abstände und Ecken an.</div></div><div data-component-type="text"><div>Du kannst das Design deiner Kopfzeile für zwei unterschiedliche Status anpassen – „Standard“ und „Scrollen“. Im Status „Scrollen“ kannst du deine Kopfzeile so gestalten, dass sie anders aussieht, wenn Besucher auf der Seite nach unten scrollen. Du kannst zum Beispiel die Kopfzeile die Farbe ändern lassen oder einen Rand hinzufügen, damit sie hervorsticht.</div></div><div data-component-type="heading"><h2 id="" level="4">Um das Design deiner Kopfzeile zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf die Kopfzeile.</li>  <li>Klicke auf <strong>Kopfzeile bearbeiten</strong>.</li>  <li>Klicke auf den Status <strong>Standard</strong> oder <strong>Scrollen</strong>.</li>  <li>Verwende die folgenden Optionen, um das Design der Kopfzeile anzupassen:
    <ul>
      <li><strong>Füllfarbe &amp; Deckkraft:</strong> Wähle eine Hintergrundfarbe für deine Kopfzeile und passe die Deckkraft an.</li>      <li><strong>Rand: </strong>Ziehe die Schieberegler, um deiner Kopfzeile einen oberen und unteren Rand hinzuzufügen, damit sie hervorsticht. Passe dann die Deckkraft und Farbe der Ränder an.</li>      <li><strong>Ecken:</strong> Gestalte die Ecken deines Randes runder oder eckiger.</li>      <li><strong>Schatten:</strong> Füge einen Schatten hinzu und passe ihn an, um deiner Kopfzeile einen tollen 3D-Effekt zu verleihen.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/18/db2b9d85-9351-4eb7-8c4a-b02c6a23d62c/bf593564-c5be-45be-9e3a-d3e98d805b22.png" alt="Screenshot des Design-Panels der Kopfzeile im Wix Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="setting-an-image-as-the-header-background" level="3">Ein Bild als Hintergrund für die Kopfzeile festlegen</h2></div><div data-component-type="text"><div>Um deine Website weiter zu personalisieren, kannst du ein Bild als Hintergrund der Kopfzeile deiner Website festlegen. Ziehe das Bild an die Kopfzeile, um es anzuhängen, und verwende dann die Ziehpunkte, um das Bild über die Kopfzeile zu strecken. Du kannst das Bild dann nach hinten verschieben, damit es die Elemente deiner Kopfzeile nicht verdeckt.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title"></div><div class="info-content"><div>Das Bild muss kleiner als deine Kopfzeile sein, damit es hineinpasst und richtig platziert wird. Wir empfehlen die Verwendung eines Bildes mit einer Auflösung und Größe, die mit der Größe deiner Kopfzeile kompatibel sind, z. B. ein Bannerbild.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um ein Bild als Kopfzeilenhintergrund zu verwenden:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Füge ein neues Bild hinzu oder wähle ein vorhandenes auf deiner Seite aus.</li>  <li>Ziehe das Bild in die Kopfzeile und lege es ab, wenn du die Nachricht <strong>An Kopfzeile anhängen</strong> siehst.</li>  <li>Strecke das Bild so, dass es die gesamte Kopfzeile abdeckt, indem du die Ziehpunkte an dem Bild ziehst.</li>  <li>Verschiebe das Bild in den Hintergrund:
    <ol>
      <li>Klicke mit der rechten Maustaste auf das Bild.</li>      <li>Fahre mit der Maus über <strong>Anordnen</strong> und klicke auf <strong>Nach hinten</strong>.</li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/32a790d9-f0fd-4dca-8108-18e25278085a/56185aa5-971d-4f99-9ecc-b741eaccbb92.png" alt="Screenshot des Schnellbearbeitungs-Panels für die Kopfzeile im Wix Editor." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Ersetze dein Kopfzeilenbild jederzeit über das <strong>Schnellbearbeitungs</strong>-Panel, indem du neben dem aktuellen Bild auf <strong>Ändern</strong> klickst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="making-the-header-background-transparent" level="3">Den Hintergrund der Kopfzeile transparent machen</h2></div><div data-component-type="text"><div>Mache deine Kopfzeile transparent, um ihr ein modernes, elegantes Design zu verleihen und sie gleichzeitig nahtlos mit dem Hintergrund deiner Website verschmelzen zu lassen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den Hintergrund deiner Kopfzeile transparent zu machen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf die Kopfzeile.</li>  <li>Klicke auf <strong>Kopfzeile bearbeiten</strong>.</li>  <li>Klicke auf den Status <strong>Standard</strong> oder <strong>Scrollen</strong>.</li>  <li>Klicke auf <strong>Füllfarbe &amp; Deckkraft</strong>.</li>  <li>Lege die Deckkraft des Hintergrunds auf 0 % fest.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/03/05/cefb91cd-3719-446c-b25f-5a0e296386c7/77a956b2-e472-4f68-a685-5b5440217e3e.png" alt="Das Design-Panel der Kopfzeile. Die Deckkraft ist auf 0 gesetzt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resizing-your-header" level="3">Die Größe deiner Kopfzeile ändern</h2></div><div data-component-type="text"><div>Du kannst die Größe der Kopfzeile ändern, um sie so groß oder so klein zu gestalten, wie du möchtest.</div></div><div data-component-type="text"><div>Große Kopfzeilen sind nützlich, wenn du viele Elemente wie einen Website-Titel, ein Website-Menü und ein Logo hast. Kleinere Kopfzeilen sind ideal für minimalistische Websites oder wenn sich die meisten Elemente auf der Seite befinden.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Größe deiner Kopfzeile zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf die Kopfzeile.</li>  <li>Ziehe den Ziehpunkt am unteren Rand der Kopfzeile, um sie zu vergrößern oder zu verkleinern.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/23/93987c42-8afd-4340-9de2-e7ab527f6c40/dfa3ae50-6612-4914-a334-7f425446b47d.gif" alt="GIF, das zeigt, wie die Kopfzeile mit den Ziehpunkten vergrößert und verkleinert wird." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-scroll-effect-to-your-header" level="3">Einen Scroll-Effekt zu deiner Kopfzeile hinzufügen</h2></div><div data-component-type="text"><div>Füge deiner Kopfzeile einen tollen Scroll-Effekt hinzu, um festzulegen, wie sie sich verhält, wenn Besucher nach oben und unten scrollen. Behalte die Kopfzeile zum Beispiel oben, wenn Besucher scrollen, oder lasse sie allmählich ausblenden.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Scroll-Effekt für deine Kopfzeile auszuwählen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf die Kopfzeile.</li>  <li>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/03/05/0db3274e-85ac-4862-a91a-2c6691e9a4b7/68511515-1ea1-4bb5-97b5-36260aa744cc.png" />.</li>  <li>Wähle einen Scroll-Effekt aus:
    <ul>
      <li><strong>Mit Website scrollen</strong>: Es wird kein Scroll-Effekt angewendet. Wenn Besucher auf der Seite nach unten scrollen, scrollen sie auch von der Kopfzeile (das heißt vom oberen Rand der Seite) weg.</li>      <li><strong>Fixiert: </strong>Deine Kopfzeile bleibt oben auf der Seite, wenn Besucher nach oben und unten scrollen, sodass sie leicht auf das Website-Menü zugreifen können.<br /> <strong>Tipp: </strong>Wenn du diesen Effekt auswählst, solltest du die Kopfzeile eher kurz halten, damit sie beim Scrollen keinen Inhalt verdeckt.</li>      <li><strong>Verschwindet: </strong>Wenn Besucher durch deine Website scrollen, verschwindet die Kopfzeile nach und nach. Damit die Kopfzeile wieder angezeigt wird, müssen deine Besucher nach oben scrollen.</li>      <li><strong>Ausgeblendet:</strong> Die Kopfzeile wird langsam ausgeblendet, wenn deine Besucher durch die Website scrollen, und wieder eingeblendet, wenn sie zurück nach oben scrollen.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/18/85d9ad44-13c8-49e6-9203-850db095c0d1/98080799-71e3-4018-999e-2e9b78bd5e4a.png" alt="Screenshot der Scroll-Einstellungen der Kopfzeile im Wix Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ich habe den Hintergrund meiner Kopfzeile als transparent festgelegt. Wie kann ich sie mit dem Streifen darunter verknüpfen?</h4><div class="collapsible-content"><div>Hänge den Streifen an die Kopfzeile an. Ziehe den Streifen, den du mit der Kopfzeile verknüpfen möchtest, über den Kopfzeilenbereich und lasse den Streifen los, wenn du die Nachricht „An Kopfzeile hängen“ siehst.</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2025/03/05/5b9e73da-93df-41da-9648-9b84a21cc854/69d3b408-7816-4abc-8b35-ed1691b47682.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann die mobile Ansicht meiner Website einen anderen Scroll-Effekt haben als meine Desktop-Ansicht? </h4><div class="collapsible-content"><div>Natürlich. Erfahre, wie du <a data-composite="true" href="https://support.wix.com/de/article/studio-editor-scroll-effekte-zur-kopfzeile-hinzufügen" target="">die Scroll-Einstellungen der Kopfzeile auf deiner mobilen Website ändern</a> kannst.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum kann ich in meiner Kopfzeile keine Elemente auswählen?</h4><div class="collapsible-content"><div>Das Fixieren deiner Kopfzeile kann verhindern, dass du Elemente anklicken oder auswählen kannst. Wenn du feststellst, dass es Elemente gibt, die du nicht auswählen oder anklicken kannst, deaktiviere die Fixierung der Kopfzeile und überprüfe, ob das Problem dadurch gelöst wird.</div></div></div></div>

Die Fußzeile wird unten auf deiner Website angezeigt und enthält normalerweise Inhalte wie deine Kontakt- und Urheberrechtsinformationen. Passe deine Fußzeile an das Aussehen und die Bedürfnisse deine...

Wix Editor: Die Fußzeile deiner Website anpassen

<div data-component-type="text"><div>Die Fußzeile wird unten auf deiner Website angezeigt und enthält normalerweise Inhalte wie deine Kontakt- und Urheberrechtsinformationen. Passe deine Fußzeile an das Aussehen und die Bedürfnisse deiner Website an. Du kannst das Design personalisieren, die Größe nach deinen Wünschen ändern und einen Freeze-Effekt hinzufügen, damit sie immer sichtbar ist.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-design-of-the-footer" level="3">Das Design der Fußzeile ändern</h2></div><div data-component-type="text"><div>Passe die Fußzeile an die Farbpalette und das Design deiner Website an. Es stehen viele Fußzeilendesigns zur Auswahl, die du weiter an deine Bedürfnisse anpassen kannst.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die verfügbaren Anpassungsoptionen hängen vom gewählten Fußzeilendesign ab.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um das Design der Fußzeile zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf die Fußzeile.</li>  <li>Klicke auf <strong>Fußzeile bearbeiten</strong>.</li>  <li>Passe das Design mit den folgenden Optionen an:
    <ul>
      <li><strong>Füllfarbe &amp; Deckkraft:</strong> Wähle eine Farbe für deine Fußzeile und passe ihre Intensität an.</li>      <li><strong>Rand:</strong> Passe die Ränder um deine Fußzeile an, indem du Farbe, Farbintensität und Breite wählst.</li>      <li><strong>Ecken:</strong> Gestalte die Ecken deiner Fußzeile runder oder eckiger.</li>      <li><strong>Schatten:</strong> Füge einen Schatten zu deiner Fußzeile hinzu und passe ihn an. Mit den verfügbaren Einstellungen kannst du ihn dezenter oder wirkungsvoller gestalten.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/30/f3052d15-e3e0-438a-b24c-202ee0e7332a/8a5ea08f-8ed5-415f-b276-b59c82e7406f.png" alt="Screenshot des Design-Panels der Fußzeile. Der Rand-Tab ist angeklickt und zeigt verschiedene Deckkraft- und Farboptionen." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="resizing-the-footer" level="3">Die Größe der Fußzeile ändern</h2></div><div data-component-type="text"><div>Verwende den Ziehpunkt, um deine Fußzeile so groß oder klein zu machen, wie du möchtest.</div></div><div data-component-type="text"><div>Größere Fußzeilen sind nützlich, wenn du zusätzlichen Inhalt hast, den du nicht manuell zu jeder Seite hinzufügen möchtest, z. B. Links zu sozialen Netzwerken und Kontaktdaten. Wenn du nur wenige oder keine Elemente hast, eignen sich kleine Fußzeilen hervorragend für einen minimalistischen Look.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Größe deiner Fußzeile zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf die Fußzeile.</li>  <li>Klicke und ziehe den Ziehgriff unten in der Fußzeile auf die gewünschte Größe.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/11/08eeefdc-1634-4546-9f83-0ea7879e8952/b478dd6f-f1f5-45dd-89e9-94f8f216b3eb.png" alt="Screenshot der Fußzeile im Wix Editor mit hervorgehobenem Ziehpunkt." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Achte darauf, dass sich am unteren Ende der Fußzeile keine Elemente befinden, die den Ziehpunkt behindern könnten. Wenn du das Element nicht sehen kannst, ist es möglicherweise ausgeblendet. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-überlagernde-elemente-anzeigen-und-auswählen" target="">So findest du ausgeblendete Elemente</a>.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="freezing-the-footer" level="3">Fixieren der Fußzeile</h2></div><div data-component-type="text"><div>Friere deine Fußzeile ein, damit sie immer auf deiner Live-Website sichtbar ist, egal wo sich Besucher auf der Seite befinden. Diese Option ist besonders nützlich, wenn deine Fußzeile wichtige Informationen oder Inhalte enthält, die deine Besucher leicht finden sollen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deine Fußzeile zu fixieren:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf die Fußzeile.</li>  <li>Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/20868072-786e-4b0f-ab2d-f3574b91a368.png" />.</li>  <li>Klicke auf den Schieberegler <strong>Fußzeile fixieren</strong>, um diese Option zu aktivieren oder deaktivieren:
    <ul>
      <li><strong>Aktiviert:</strong> Die Fußzeile ist eingefroren, sodass sie immer sichtbar ist, wenn Besucher deine Website ansehen und durch sie scrollen.</li>      <li><strong>Deaktiviert:</strong> Deine Fußzeile bleibt unten auf deiner Website und ist nicht sichtbar, wenn deine Besucher nach oben scrollen.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/10/30/8f7e14d3-c8dd-420c-83d1-6ee63ffae4c3/175e3578-41ba-4dc3-a5e6-b3c8a10e0f5a.png" alt="Screenshot, auf dem der Schieberegler „Fußzeile fixieren“ hervorgehoben ist." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Häufig gestellte Fragen (FAQ)</h2></div><div data-component-type="text"><div>Klicke unten auf eine Frage, um mehr über das Anpassen deiner Fußzeile zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum kann ich den Schieberegler „Auf allen Seiten anzeigen” nicht aktivieren?</h4><div class="collapsible-content"><div>Wenn du ein Element in eine fixierte Fußzeile platzierst, ist der Schieberegler <strong>Auf allen Seiten anzeigen</strong> deaktiviert.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum gibt es zusätzliche Leerzeichen in meiner Fußzeile und wie kann ich diese entfernen?</h4><div class="collapsible-content"><div>Zusätzliche Leerzeichen in der Fußzeile werden oft durch ausgeblendete Elemente oder falsch ausgerichtete Inhalte verursacht. Verwende das <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-ebenen-panel-verwenden" target="">Ebenen-Panel</a>, um Elemente zu identifizieren, die das Problem verursachen. Ziehe den Ziehpunkt der Fußzeile nach oben, um den leeren Bereich zu entfernen und sicherzustellen, dass alle Elemente innerhalb der Grenzen liegen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Warum kann ich keine Elemente in meiner Fußzeile auswählen? </h4><div class="collapsible-content"><div>Das Fixieren deiner Fußzeile kann verhindern, dass du Elemente anklickst oder auswählst. Wenn du feststellst, dass es Elemente gibt, die du nicht auswählen oder anklicken kannst, deaktiviere die Fixierung der Fußzeile und überprüfe, ob das Problem dadurch gelöst wird.</div></div></div></div>

Einseitige Websites sind aufgrund ihrer Einfachheit und Organisation oft sehr beeindruckend. Sie sehen modern und minimalistisch aus und sind eine gute Möglichkeit, die Aufmerksamkeit deiner Website-B...

Wix Editor: Eine einseitige Website erstellen

<div data-component-type="text"><div>Einseitige Websites sind aufgrund ihrer Einfachheit und Organisation oft sehr beeindruckend. Sie sehen modern und minimalistisch aus und sind eine gute Möglichkeit, die Aufmerksamkeit deiner Website-Besucher zu erregen. Erfahre mehr über den <a data-composite="true" href="https://www.wix.com/builder/one-page" target="_blank">Website-Baukasten von Wix für einseitige Websites</a>.</div></div><div data-component-type="text"><div>Wix bietet viele Vorlagen für einseitige Websites an, die du verwenden kannst. Um loszulegen, fahre mit der Maus über unsere Vorlagen <a href="https://de.wix.com/website/templates/html/one-page/landing-pages">hier</a> und klicke auf <strong>Bearbeiten</strong>. So kannst du ganz einfach beginnen, deine <a href="https://de.wix.com/">Website zu erstellen</a>.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="one-page-sites-vs-multi-page-sites" level="3">Einseitige Websites vs. mehrseitige Websites</h2></div><div data-component-type="text"><div>Einseitige Websites haben nur eine Seite, die den gesamten Inhalt der Website enthält. Dies ist anders als bei regulären Websites, die normalerweise mehrere Seiten haben.</div></div><div data-component-type="text"><div>Eine einseitige Website ist in Inhaltsblöcke aufgeteilt, und wenn du auf der Seite nach unten scrollst, kannst du die verschiedenen Bereiche anzeigen:<br /> <br />
</div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/12/28/7b1841c9-2696-48d1-b77c-a1b6119e1e3b.jpg" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-a-menu-for-a-one-page-site" level="3">Ein Menü für eine einseitige Website erstellen</h2></div><div data-component-type="text"><div>Da die Websites nur eine Seite haben, enthalten sie kein Seitenmenü wie eine normale Website. Stattdessen empfehlen wir dir, ein Menü einzurichten, das auf deine Seitenabschnitte und Anker verweist.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mehr erfahren</h4><div class="collapsible-content"><div><strong>Es gibt zwei Möglichkeiten, ein Menü zu erstellen:</strong></div><div><br /></div><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-ein-website-menü-mit-ankern-und-abschnitten-für-einseitige-websites-erstellen" target="">Ein normales Menü mit Ankern und Abschnitten</a> (kann vertikal oder horizontal sein)</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-ein-ankermenü-hinzufügen-und-einrichten" target="">Ein Ankermenü mit Ankern und Abschnitten</a> (immer vertikal)</li></ul><div><br /></div><div>Beide Menüoptionen verwenden Anker und Abschnitte, um deinen Website-Besuchern zu helfen, durch den Inhalt deiner Website zu navigieren.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-sections-on-one-page-sites" level="3">Abschnitte auf einseitigen Websites verwenden</h2></div><div data-component-type="text"><div>Abschnitte sind die Bausteine deiner Website. Verwende sie, um Inhalte zu organisieren, zu trennen und anzuzeigen, damit Besucher navigieren und relevante und interessante Inhalte finden können. Du kannst deine Abschnitte umbenennen und zu deinem Menü hinzufügen, damit Besucher nicht scrollen müssen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-über-abschnitte" target="_blank">Mehr über Abschnitte erfahren</a></div></div><div data-component-type="text"><div>Es stehen eine Vielzahl vorgefertigter Optionen zur Verfügung, mit denen du eine informative und abgestimmte Website erstellen kannst, oder du kannst ganz von vorne beginnen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">So geht's</h4><div class="collapsible-content"><ol>
  <li>Klicke links im Editor auf <strong>Abschnitt hinzufügen</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/h3vOMLSsGLzs7lf4sQgXDA0uIveeU6rWo3mLILiAjy0DjZqFVcJ6N3QRjxaJsSqojjAjW0PB8lR_nVCiC1f5e6wvHdb84Mze7ufJIyTXccnEFP85uCz5JsgoEWpGwuxF2Git2LJgHzkzQt6nhM0dRA" />.</li>  <li>Klicke auf eine Kategorie.</li>  <li>Klicke oder ziehe den Abschnitt, um ihn zu deiner Website hinzuzufügen.</li></ol></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/11/17/90c9ad88-5754-4111-a80d-ce9fa40aee8d/27b0387f-5c2d-45f3-a920-eae5048a04c9.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-strips-on-one-page-sites" level="3">Streifen auf einseitigen Websites verwenden</h2></div><div data-component-type="text"><div>Als Alternative zu Abschnitten kannst du Streifen verwenden, um deine Website zu erstellen.</div></div><div data-component-type="text"><div>Im Hinzufügen-Panel kannst du aus einer Vielzahl von vorgefertigten und vollständig anpassbaren Streifen wählen, um den Inhalt und die Informationen deiner Website anzuzeigen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">So geht's</h4><div class="collapsible-content"><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/f28b0f13-5223-430f-b490-ccfc66187efa.png" />.</li>  <li>Klicke auf <strong>Streifen</strong>.</li>  <li>Wähle den Streifen aus, den du hinzufügen möchtest.</li>  <li>Ziehe einen Streifen auf deine Seite.</li>  <li>(Optional) Verlinke von deinem Menü auf diesen Streifen:
    <ol>
      <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-anker-hinzufügen-umbenennen-und-löschen" target="">Füge einen Anker oben im Streifen hinzu</a>.</li>      <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-links-zu-deinem-menü-hinzufügen-und-verwalten" target="">Verlinke von deinem Menü auf den Anker</a>.</li>    </ol>  </li></ol></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wie geht's weiter?</div><div class="info-content"><ul>
  <li>Füge deinen Streifen beeindruckende Bilder und Videos hinzu, um sie wirklich großartig zu machen, und füge sogar <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-scroll-effekte-für-den-hintergrund-deines-streifens-anwenden" target="_blank">Parallax-Scrolling</a> hinzu, um deiner Website einen zusätzlichen Wow-Faktor zu verleihen.</li>  <li>Da deine Website recht lang sein kann, möchtest du vielleicht noch einen Zurück-nach-oben-Button hinzufügen. Klicke <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-einen-„zurück-nach-oben-button-erstellen" target="">hier</a>, um mehr zu erfahren.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/05/23/12e42fa9-6dd8-428e-9c6e-184034af215b.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-anchors-on-one-page-sites" level="3">Anker auf einseitigen Websites verwenden</h2></div><div data-component-type="text"><div>Abschnitte, die du zu deiner Website hinzugefügt hast, benötigen keine Anker. Du kannst jedoch Anker hinzufügen, um wichtige Inhalte zu markieren, die nicht Teil eines Abschnitts sind, z. B. Streifen oder Galerien.</div></div><div data-component-type="text"><div>Sobald du die Seite erstellt hast, kannst du oben auf jedem dieser Elemente einen Anker platzieren und Links zu deinem Menü hinzufügen, damit Besucher einfach durch deine Seite navigieren können.</div></div><div data-component-type="text"><div>Klicke unten auf eine Option, um mehr über die Verwendung von Anker auf deiner Website zu erfahren.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Anker zu deiner Seite hinzufügen</h4><div class="collapsible-content"><div>Füge Anker zu den Streifen und Abschnitten deiner Seite hinzu, um deine Besucher zu wichtigen und relevanten Informationen auf deiner Website zu leiten. Einige häufig verwendete Anker sind „Über uns“ und „Kontakt“.</div><div><br /></div><ol>
  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/AZpJ_GKartAMzPmGB-43LFoqyM6m-vlNuV5r3fiM5PyeOiiy4TrQJp0L7c_emNGNvbHKz1b3Ail0wYrq5kvPg4BEvXXHuNyxgaW5Lmz5mgBEWsNxiR-aeAtIcjO5fuywc8OASLuk" />.</li>  <li>Klicke auf <strong>Menü &amp; Anker</strong>.</li>  <li>Klicke auf den Anker unter <strong>Seiten-Navigation</strong> oder ziehe ihn an die entsprechende Stelle auf deiner Seite.</li>  <li>Klicke auf den Anker und dann auf <strong>Umbenennen</strong>.</li>  <li>Wiederhole die Schritte 1-4 für jeden Abschnitt, den du auf deiner Website markieren möchtest.</li></ol><div><br /></div><div><strong>Hinweis:</strong> Wir empfehlen, nicht mehr als einen Anker an einen Streifen oder einen Seitensegment anzuhängen. Wenn du mehr als einen Anker anhängst, kann das zu Problemen für Besucher führen, die auf Tastaturen angewiesen sind.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Anker im Ebenen-Panel anordnen</h4><div class="collapsible-content"><div>Nachdem du Anker auf deinen Seiten platziert hast, öffne das Ebenen-Panel, um sie anzuordnen. Deine Anker sollten direkt über dem entsprechenden Streifen oder Abschnitt platziert werden — dies stellt sicher, dass Besucher mit Behinderungen oder Beeinträchtigungen in die Lage sind, zu den richtigen Abschnitten zu navigieren.</div><div><br /></div><ol>
  <li>Klicke unten im Editor auf das Symbol für Ebenen <img data-composite="true" src="https://lh4.googleusercontent.com/BvRt3HuyjZylCQ0NKHgMU8QHrQelCR2iJ3ou4ruRCi-VKN6cJd3dJLV418zSHOC1urRhGOwt7yF6DTxEmjdDokqLiT8OfzaCFXBgiMOlbJeg21JfsxS-_Jy2ET2fMxabPceyqUf_OTehXzpC05XAzg" />.</li>  <li>Ziehe jeden Anker so, dass er sich vor dem Streifen/Abschnitt befindet, zu dem er gehört.</li>  <li>Wiederhole die Schritte 1-2 im Mobile-Editor.</li></ol></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/52a9cd0b-f8f5-4eb8-9bd5-7b3cc9d4f295/8167705f-5316-45a4-9a38-69070130c503.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="rearranging-your-pages-content" level="3">Den Inhalt deiner Seite neu anordnen</h2></div><div data-component-type="text"><div>Da eine einseitige Website in Blöcken aufgebaut ist, ist es viel einfacher, deine Inhalte bei Bedarf neu anzuordnen.</div></div><div data-component-type="text"><div>Um die Abschnitte und Blöcke deiner Seite anzuzeigen, klicke in der oberen Leiste des Editors auf das Symbol für Verkleinern <img data-composite="true" src="https://lh4.googleusercontent.com/3TFnfcJP3xe9qp0HC39j4NnnlAqZKxXgvCrFdwlpTp9RHerwGyWU_MBEfR0SRbnD_4l0RQkzMFmKlYTE36tZatl1eqxvD7sNIS46F1Gz6wbATLuSL_Xxc86_6yGdXV-4HqWtFpiRw2lEZK-n7IJcNg" />. Klicke und ziehe die Seitenabschnitte und Blöcke, um sie neu anzuordnen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/3cf0953c-f320-41fd-93c0-0dad031b3b9d/5876f4bf-3a94-4637-a5b6-a3c35492b05e.gif" /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Möchtest du mehr erfahren?</div><div class="info-content"><div>Sieh dir unseren <a data-composite="true" href="https://www.wix.com/blog/how-to-create-one-page-website" target="_blank">vollständigen Leitfaden zum Erstellen einer einseitigen Website</a> an, um Tipps zu erhalten und herauszufinden, ob eine einseitige Website für dich geeignet ist.</div></div></div></div>

Seitenabschnitte sind die Bausteine deiner Website-Seiten. Du kannst sie verwenden, um deinen Seiteninhalt aufzuteilen und ein klares, strukturiertes Layout für deine Besucher zu erstellen.Sobald du A...

Wix Editor: Deine Abschnitte anpassen

<div data-component-type="text"><div>Seitenabschnitte sind die Bausteine deiner Website-Seiten. Du kannst sie verwenden, um deinen Seiteninhalt aufzuteilen und ein klares, strukturiertes Layout für deine Besucher zu erstellen.</div></div><div data-component-type="text"><div>Sobald du Abschnitte hinzugefügt und eingerichtet hast, kannst du sie mit den entsprechenden Optionen nach deinen Wünschen anpassen. Du kannst zusätzliche Elemente hinzufügen, den Hintergrund und die Größe ändern und vieles mehr.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-elements-to-your-section" level="3">Elemente zu deinem Abschnitt hinzufügen</h2></div><div data-component-type="text"><div>Füge Elemente zu deinen Abschnitten hinzu, um wichtige Informationen wie Öffnungszeiten, Produkte oder Dienstleistungen anzuzeigen oder um deine Website mit Bildern zu dekorieren.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinem Abschnitt Elemente hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png" />.</li>  <li>Klicke auf eine Kategorie.</li>  <li>Ziehe ein Element in den Abschnitt.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/6e97ee4d-81fb-42aa-8b0e-a3899cf7a3ba/22e988b3-9e2c-4d15-be28-dbb780adbf91.png" alt="Das „Elemente hinzufügen“-Panel im Editor Der Tab „Dekoration“ ist geöffnet und der Cursor fährt über die Option „Symbole“." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-background-of-your-section" level="3">Den Abschnittshintergrund ändern</h2></div><div data-component-type="text"><div>Passe den Hintergrund deines Abschnitts an das Design deiner Website an. Halte ihn einfach mit einem Farbblock oder füge Medien hinzu, um deine Seiten unterhaltsam und dynamisch zu gestalten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den Hintergrund deines Abschnitts zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf den Abschnitt.</li>  <li>Klicke auf <strong>Hintergrund ändern</strong> und wähle eine der folgenden Optionen:
    <ul>
      <li><strong>Farbe/Farbverlauf:</strong> Wähle eine Farbe aus der Farbauswahl aus. Du kannst eine aus dem Design deiner Website auswählen oder eine benutzerdefinierte Farbe hinzufügen, um dem Abschnittshintergrund mehr Ausdruck zu verleihen. Du kannst auch oben im Panel auf <strong>Farbverlauf</strong> oder <strong>Fließender Farbverlauf</strong> klicken, um einen einzigartigen Hintergrund mit Farbverlauf hinzuzufügen.</li>      <li><strong>Bild:</strong> Wähle aus einer Reihe von kostenlosen Bildern von Wix und Unsplash, kaufe ein Bild von Shutterstock oder lade dein eigenes hoch, um eine besondere Note zu verleihen.</li>      <li><strong>Video:</strong> Wähle ein hochwertiges Video von Wix oder Shutterstock oder lade dein eigenes Video hoch und füge es als Hintergrund hinzu.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/12/10/9ed8c47d-d19a-4427-862c-0ee392a13af3/b669a811-9472-4d9c-83fc-e99eaefcf3aa.png" alt="Ein Screenshot des Einstellungs-Panels für den Abschnittshintergrund im Wix Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-the-size-of-your-section" level="3">Die Größe deines Abschnitts anpassen</h2></div><div data-component-type="text"><div>Du kannst deinen Abschnitt vergrößern, um mehr Elemente und Inhalte unterzubringen, oder verkleinern, um ihn minimalistischer zu gestalten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um die Größe deines Abschnitts anzupassen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf den Abschnitt.</li>  <li>Klicke am unteren Rand des Abschnitts auf den Ziehgriff Abschnittshöhe anpassen <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/04/28/26eb58a9-735b-4fda-84fa-0f0eae67e386/54dcd162-4d89-4217-b44c-ae9d66bd7d04.png" /> und ziehe ihn, um den Abschnitt zu verlängern oder zu verkürzen.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/04/28/83539058-fa26-40b9-bea7-21f72741e501/6587dc84-2d21-4244-927b-1ad9d25232c6.gif" alt="Ein GIF, das einen Abschnitt zeigt, der in der Größe geändert wird. Der Cursor klickt auf den Ziehgriff und zieht ihn, um die Größe zu ändern." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Die kleinste Größe deines Abschnitts beträgt 40 Pixel.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-scroll-effect-to-your-section" level="3">Einen Scroll-Effekt zu deinem Abschnitt hinzufügen</h2></div><div data-component-type="text"><div>Scroll-Effekte verleihen deinen Abschnitten das gewisse Etwas und sorgen für ein auffälliges Erlebnis auf deiner Website. Wähle einen Effekt, der deinen Bedürfnissen entspricht, und personalisiere deine Website und Marke.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Scroll-Effekt hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke mit der rechten Maustaste auf den Abschnitt.</li>  <li>Klicke auf <strong>Hintergrund-Scroll-Effekte</strong>.</li>  <li>Wähle einen Effekt aus den Optionen aus.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/12/10/bb1dda29-ff26-4030-965a-c311abe3cdbc/46fbd72d-276f-4cee-a438-47e01feee3bd.png" alt="Ein Screenshot des Panels zur Auswahl des Scroll-Effekts für einen Abschnitt im Editor von Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-shape-divider" level="3">Eine Form-Trennlinie hinzufügen</h2></div><div data-component-type="text"><div>Form-Trennlinien sind grafische Formen, mit denen du eine auffällige Struktur zwischen Abschnittsinhalten oder den Abschnitten selbst erstellen kannst.</div></div><div data-component-type="text"><div>Es gibt eine Reihe von Designoptionen von Wix, oder lade deine eigenen hoch, um eine persönliche Note zu verleihen. Du kannst sogar eine Form-Trennlinie oben und/oder unten in einem Abschnitt anwenden, um deinen Layout-Bedürfnissen zu entsprechen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Form-Trennlinie hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Doppelklicke auf den Abschnitt.</li>  <li>Klicke auf das Symbol für <strong>Form-Trennlinien</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/yHvLJbsmJOP1SXxMEIAAUQzJzJqnvzFR3y8-E9_PwkbtQdoj-Pv7g8BFc2HSJ7YajwNIbLV4IabXbdEANAx7u2IbMeDkCF2SFrQ5FYwDr55yXsFfs8BKIBqu9WgP7VPOlYxbQMWfL0AlK1Ao1Q" />.</li>  <li>Klicke auf den Tab <strong>Oben</strong> oder <strong>Unten</strong>, um auszuwählen, wo die Trennlinie hinzugefügt werden soll.</li>  <li>Wähle eine Trennlinie aus, die du deinem Abschnitt hinzufügen möchtest:
    <ul>
      <li><strong>Designvorschläge:</strong> Klicke auf eines der im Panel verfügbaren Designs.</li>      <li><strong>Zusätzliche Designs, die Wix anbietet:</strong>
        <ol>
          <li>Klicke auf <strong>+ Weitere Formen</strong>.</li>          <li>(In der Medienverwaltung) Wähle im Tab <strong>Medien von Wix</strong> ein Design aus.</li>          <li>Klicke auf <strong>Datei auswählen</strong>, um sie auf deinen Abschnitt anzuwenden.</li>        </ol>      </li>      <li><strong>Deine eigene Form-Trennlinie:</strong>
        <ol>
          <li>Klicke auf <strong>+ Weitere Formen</strong>.</li>          <li>(In der Medienverwaltung) Wähle im Tab <strong>Website-Dateien</strong> die Form aus, die du verwenden möchtest, oder lade eine neue hoch.</li>          <li>Klicke auf <strong>Datei auswählen</strong>, um sie auf deinen Abschnitt anzuwenden.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/12/10/91a42c2f-fcdb-4112-851d-47395f0bf95f/1d80c66b-7f3d-4c7a-9dad-f69ec110445f.png" alt="Ein Screenshot des Panels für Form-Trennlinien im Editor von Wix." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Du möchtest mehr wissen?</div><div class="info-content"><div>Du kannst <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-form-trennlinien-hinzufügen-und-anpassen#customizing-your-shape-divider" target="_blank">das Design einer Form-Trennlinie anpassen</a>, um das Design deines Abschnitts zu ergänzen.</div></div></div></div>

Abschnitte sind eine einfache Möglichkeit, Inhalte auf deiner Website zu organisieren und anzuzeigen.Abschnitte erstrecken sich über die gesamte Breite deiner Website, sodass du die Elemente platziere...

Wix Editor: Abschnitte hinzufügen und einrichten

<div data-component-type="text"><div>Abschnitte sind eine einfache Möglichkeit, Inhalte auf deiner Website zu organisieren und anzuzeigen.</div></div><div data-component-type="text"><div>Abschnitte erstrecken sich über die gesamte Breite deiner Website, sodass du die Elemente platzieren und anpassen kannst. Außerdem passen sie sich an die Bildschirmgröße an, sodass die Besucher alle ausgewählten Inhalte sehen, egal ob auf dem Desktop oder auf dem Mobilgerät.</div></div><div data-component-type="text"><div>Du kannst deine Website erstellen, indem du so viele Abschnitte hinzufügst, wie du möchtest, und sie dann neu anordnest und bearbeitest.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-a-section-to-your-site" level="3">Einen Abschnitt zu deiner Website hinzufügen</h2></div><div data-component-type="text"><div>Füge einen Abschnitt zu deiner Website hinzu, um mit der Strukturierung deiner Seiten und ihres Inhalts zu beginnen.</div></div><div data-component-type="text"><div>Es gibt eine Reihe vorgefertigter Optionen, die Layouts und Elemente enthalten, die dir bei der Erstellung deiner Website helfen. Du kannst auch einen leeren Abschnitt wählen, um ihn von Grund auf neu zu erstellen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Abschnitt hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf der linken Seite des Editors auf <strong>Abschnitt hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/11/03/6c7ba228-57cb-4435-9a60-561d206cc74b/48d7ab00-3a02-406c-8e03-0944d3cab341.png" />.</li>  <li>Klicke auf eine Kategorie.</li>  <li>Klicke auf den ausgewählten Abschnitt, um ihn zu deiner Seite hinzuzufügen.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/1787cb86-3b93-4d77-af4e-224489469b32/dd861f91-eed0-4354-913d-ed962edeed0e.png" alt="Das Panel „Abschnitt hinzufügen“ im Editor. Der Cursor zeigt auf den Tab „Text“." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon?</div><div class="info-content"><div>Das Panel zeigt möglicherweise Abschnittsvorlagen an, die auf der Unternehmensart deiner Website basieren (z. B. Shops, Blogs usw.).</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="naming-your-sections" level="3">Deine Abschnitte benennen</h2></div><div data-component-type="text"><div>Benenne deine Abschnitte für eine schnelle und einfache Navigation. Du kannst Abschnittsnamen verwenden, um sie im Lagen-Panel identifizieren zu können.</div></div><div data-component-type="text"><div>Wenn du einen Abschnitt zu deinem Menü hinzufügst, sind Namen auch eine großartige Möglichkeit, deine Besucher wissen zu lassen, worauf sie klicken.</div></div><div data-component-type="heading"><h2 id="" level="4">Um deinen Abschnitt zu benennen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Fahre mit der Maus über den entsprechenden Abschnitt.</li>  <li>Klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/cu38R5ZOvmnaEcp6pOT08y0oZADAo5S3VYdjaSjFun0cXq79LpP55-XBYpC8gbAEHrARaxD-iGqJrAVVfV3APFLUqISrETB_1Cx3ifPhz3OfP1oa0rAyInyaJMGo3iLmN7LWmbZurNKi99SaCMExcw" />.</li>  <li>Klicke auf <strong>Abschnittseinstellungen</strong>.</li>  <li>Gib den Abschnittsnamen in das Feld unter <strong>Abschnittsname</strong> ein.</li>  <li>Drücke auf deiner Tastatur die Enter-Taste.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/975defbf-129e-4e99-bfdc-6a38c32b8fd4/795e3347-acdd-4c84-b9e3-782f561eebfb.png" alt="Die Abschnittseinstellungen-Panel; der Cursor fährt über das Textfeld für den Abschnittsnamen" /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweis:</div><div class="info-content"><div>Abschnittsnamen sind für Website-Besucher nur sichtbar, wenn du sie zu einem Menü hinzufügst.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-sections-to-your-menu" level="3">Abschnitte zu deinem Menü hinzufügen</h2></div><div data-component-type="text"><div>Das Hinzufügen von Abschnitten zu deinem Menü ist eine großartige Möglichkeit, deinen Besuchern bei der Navigation auf deiner Website zu helfen und sie zum richtigen Inhalt zu leiten.</div></div><div data-component-type="text"><div>Abschnitte zu einem Menüelement zu machen ist auch besonders nützlich, wenn du eine einseitige Website hast, die viele Informationen enthält, da die Besucher das Gesuchte finden können, ohne scrollen zu müssen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Abschnitt zu deinem Menü hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf das Menü.</li>  <li>Klicke auf <strong>Menü verwalten</strong>.</li>  <li>Klicke unten im Panel auf <strong>+ Menüelement hinzufügen</strong>.
    <ul>
      <li>(Für erweiterte Menüs) Wähle <strong>Abschnitt</strong> aus der Liste.</li>      <li>(Für Website-Menüs) Klicke auf <strong>Abschnitt oder Anker</strong>.</li>    </ul>  </li>  <li>Wähle aus dem Dropdown-Menü die Seite aus, auf der sich der Abschnitt befindet.</li>  <li>Wähle den Abschnitt aus dem Dropdown-Menü aus.</li>  <li>Klicke auf <strong>OK</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/f29afd02-cd0b-412a-895d-23510c39da24/9923b40d-a6e0-476e-bfc5-18d7c8704a6d.png" alt="Das Link-Panel; der Cursor fährt über das Aufklappmenü „Wo auf der Seite?“." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon?</div><div class="info-content"><div>Du kannst auf deiner Website <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-abschnitte-auf-deiner-website-verlinken#linking-elements-to-sections" target="_blank">Elemente mit Abschnitten verlinken</a> und <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-abschnitte-auf-deiner-website-verlinken#creating-and-sharing-unique-section-urls" target="_blank">einen eindeutigen Link zu deinen Abschnitten erstellen</a>, um sie auf externen Plattformen zu teilen.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="rearranging-sections-on-your-page" level="3">Abschnitte auf deiner Seite neu anordnen</h2></div><div data-component-type="text"><div>Du kannst das Layout deiner Website-Seite ganz einfach anpassen, indem du deine Abschnitte neu anordnest. Verschiebe Abschnitte nach oben oder unten, um den Inhalt deiner Website anzuordnen und deinen Besuchern ein einheitliches Erlebnis zu bieten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Seitenabschnitt zu verschieben:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke in der oberen Symbolleiste des Editors auf das Symbol für <strong>Verkleinern</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/7gOVRelfYyHrty6-jjsuADxzwtw72mzXbHz5BwYHIH9p6WS3c3YvVERLkhJuVkNCGBxMsY-PEMu4f7t2XuAeSx7lGqeptcnkWk2i1Bf7bLYI-tkwMqT2y9rWJc5gVxn16BExX99L" />.</li>  <li>Klicke auf den Abschnitt und dann auf einen der Pfeile:
    <ul>
      <li><strong>Abschnitt nach unten verschieben</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/kZC8LguFU4C9gLui1-y5_4kQcNcBeHxh8H-zSemi82yM7RKvXtOArV0CVUzfPCdCYbM3WWh-kvLLuL0gb7mWzXvxE2QVH6t4GFqDgYqoqOES1ZOZjNdPyGRmJozPfzriZEHqotoK" /><strong>:</strong> Verschiebt den ausgewählten Abschnitt unter den Abschnitt darunter.</li>      <li><strong>Abschnitt nach oben verschieben</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/lPJX1MUdquUdWNyl5WZdk2U2KKjp9gCDJ9cOq-_Ma2W4VbDKK5A7-EqTWcmZMM3NQs8Yn1KaWDFu1LoKUD5HCwCtlYLKA5sNPCywGV5gryvyK92XLWtLTXka70emqEA9XTYeuYRd" /><strong>:</strong> Verschiebt den Auswahlabschnitt über den Abschnitt darüber.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/11/03/10ff16bb-3e93-49f0-af54-f630840262c5/c69b86a4-fcad-4664-98d5-16b13756c7a0.png" alt="Die verkleinerte Ansicht des Editors. Ein Abschnitt ist hervorgehoben. Die Maus fährt über die Option „Nach unten verschieben“." /></div></div>

Abschnitte sind eine schnelle und einfache Möglichkeit, deine Seiten zu strukturieren. Verwende sie, um den Inhalt deiner Website zu organisieren und ein klares, umfassendes Design zu erstellen. Es gi...

Wix Editor: Über Abschnitte

<div data-component-type="text"><div>Abschnitte sind eine schnelle und einfache Möglichkeit, deine Seiten zu strukturieren. Verwende sie, um den Inhalt deiner Website zu organisieren und ein klares, umfassendes Design zu erstellen. Es gibt eine Vielzahl von vorgefertigten Abschnitten mit verschiedenen Layouts und Elementen, sodass du alles hast, was du brauchst, um loszulegen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/6a63999e-0d81-4a41-baf1-20b54c1d9646/646263cd-6e21-4182-af6d-e8dedea2b635.png" alt="Eine Live-Website von Wix, die in Abschnitte unterteilt ist." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="organize-and-divide-your-content" level="3">Deine Inhalte organisieren und aufteilen</h2></div><div data-component-type="text"><div>Abschnitte sind die Bausteine einer Seite, und du kannst sie verwenden, um den Inhalt deiner Seite zu unterteilen und zu organisieren. Du kannst z. B. einen Abschnitt für die Dienstleistungen deines Unternehmens haben und einen anderen für deine Kontaktdaten.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/37f49c51-8ae8-4466-91b5-8257e0619e38/e8744fdd-abd3-4ab0-a969-378607e7bd94.png" alt="Zwei Abschnitte im Editor. Der Abschnitt „Kontakt“ ist ausgewählt und hervorgehoben." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="get-started-with-our-pre-designed-sections" level="3">Mit unseren vorgefertigten Abschnitten loslegen</h2></div><div data-component-type="text"><div>Im Editor kannst du einen leeren Abschnitt hinzufügen, um von Grund auf neu zu beginnen, oder aus einer Vielzahl von vorgefertigten Designs wählen. Die Abschnitte sind nach Themen geordnet (z. B. Werbung, Team, Liste usw.) und enthalten handverlesene Elemente, um dir den Einstieg zu erleichtern.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/bc3b75a4-ebd4-4126-9398-2a4a54ebf99f/3e5d9840-7390-4841-ad74-a8eeed5631f0.png" alt="Das „Abschnitt hinzufügen“-Panel. Der Tab „Newsletter“ ist geöffnet und es werden Presets angezeigt." /></div></div><div data-component-type="text"><div>Unabhängig davon, ob du einen leeren oder einen vorgefertigten Abschnitt wählst, kannst du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-abschnitte-anpassen#adding-elements-to-your-section" target="_blank">alle benötigten Elemente hinzufügen</a> und <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-symbole-beim-anklicken-von-elementen-im-editor" target="_blank">diese dann an deinen Website-Inhalt anpassen</a>.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/094e68cb-d94b-48f6-9229-09deb75b8b42/49e240b8-d48e-4ce4-b2c7-5cd5e6e3e3cc.png" alt="Das „Elemente hinzufügen“-Panel im Editor ist geöffnet. Der Cursor schwebt über dem Tab „Symbolbuttons“." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon?</div><div class="info-content"><div>Die Abschnitte erstrecken sich über die gesamte Breite des Browsers deiner Besucher und behalten ihre Gruppierung bei, wenn Besucher deine Website auf Mobilgeräten ansehen. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="design-your-section-for-your-needs" level="3">Deinen Abschnitt nach deinen Wünschen gestalten</h2></div><div data-component-type="text"><div>Du kannst jeden Abschnitt, den du deiner Website hinzufügst, anpassen, egal ob er vorgefertigt oder leer ist. Wähle den Hintergrund und die Größe, um ihn nach deinen Wünschen zu gestalten, und füge Scroll-Effekte hinzu, um einzigartige, auffällige Inhalte zu erstellen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-abschnitte-anpassen" target="_blank">Erfahre mehr über das Anpassen deiner Abschnitte.</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/8910e528-42e7-486e-8b3e-7af45bbd8706/772243c7-e794-4900-83f1-9ad93f9a525d.png" alt="Ein Abschnitt im Editor. Das „Abschnittshintergrund“-Panel ist geöffnet." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjust-sections-to-mobile" level="3">Abschnitte an Mobile anpassen</h2></div><div data-component-type="text"><div>Abschnitte, die du auf dem Desktop hinzugefügt hast, werden automatisch auf deiner Mobile-Website angezeigt. Möglicherweise möchtest du jedoch die Reihenfolge ändern, in der sie auf deiner mobilen Website erscheinen, oder sogar bestimmte Abschnitte ausblenden. Diese Änderungen wirken sich nicht auf die Desktop-Version deiner Website aus.</div></div><div data-component-type="text"><div>Indem du deine Abschnitte auf Mobile neu anordnest, kannst du anpassen, welche Informationen deine Besucher zuerst sehen. Du kannst z. B. die Telefonnummer deines Unternehmens hervorheben, indem du diesen Abschnitt an den Anfang deiner Startseite verschiebst.</div></div><div data-component-type="text"><div>Wenn du Informationen zu einem Abschnitt hast, die für Besucher auf Mobilgeräten nicht relevant sind, kannst du sie vollständig ausblenden und den Abschnitt auf Wunsch ganz einfach wieder anzeigen. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-abschnitte-auf-deiner-mobilen-website-verwalten" target="_blank">Erfahre mehr über Abschnitte auf deiner mobilen Website.</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/06/22/5c12a9f8-9afc-49ae-a3cb-5bbc7057f837/d8f9ef1d-e2ce-463d-ae3a-d362dea3c0bb.png" alt="Ein Abschnitt, der im Mobile-Editor hervorgehoben wird. Der Cursor fährt mit der Maus über die Option, um den Abschnitt nach unten zu verschieben." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Bist du bereit?</div><div class="info-content"><div>Klicke auf der linken Seite des Editors auf <strong>Abschnitt hinzufügen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/11/03/6c7ba228-57cb-4435-9a60-561d206cc74b/48d7ab00-3a02-406c-8e03-0944d3cab341.png" />, um einen Abschnitt zu deiner Website hinzuzufügen und einzurichten. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-abschnitte-hinzufügen-und-einrichten" target="_blank">Erfahre mehr über das Hinzufügen von Abschnitten.</a></div></div></div></div>

Abschnitte sind Bausteine, die du verwenden kannst, um deinen Inhalt zu strukturieren. Nachdem du Abschnitte hinzugefügt und eingerichtet hast, kannst du sie verlinken, um sicherzustellen, dass Besuch...

Wix Editor: Abschnitte auf deiner Website verlinken

<div data-component-type="text"><div>Abschnitte sind Bausteine, die du verwenden kannst, um deinen Inhalt zu strukturieren. Nachdem du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-abschnitte-hinzufügen-und-einrichten" target="">Abschnitte hinzugefügt und eingerichtet hast</a>, kannst du sie verlinken, um sicherzustellen, dass Besucher auf alles zugreifen können, was sie brauchen.</div></div><div data-component-type="text"><div>Es gibt mehrere Möglichkeiten, Abschnitte auf deiner Website zu teilen: indem du sie zu einem Menü hinzufügst, Elemente mit ihnen verlinkst und einzigartige Abschnitts-URLs erstellst.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adding-sections-to-a-menu" level="3">Abschnitte zu einem Menü hinzufügen</h2></div><div data-component-type="text"><div>Abschnitte in deinem Menü eignen sich perfekt, um Besuchern die Navigation auf deiner Website zu erleichtern und sie zu den richtigen Inhalten zu leiten.</div></div><div data-component-type="text"><div>Machst du Abschnitte zu einem Menüelement, ist dies auch besonders nützlich, wenn du eine einseitige Website hast, die viele Informationen enthält, da die Besucher das Gesuchte finden können, ohne scrollen zu müssen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen Abschnitt zu deinem Menü hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf dein Website-Menü.</li>  <li>Klicke auf <strong>Menü verwalten</strong>.</li>  <li>Klicke unten im Panel auf <strong>+ Menüelement hinzufügen</strong>.
    <ul>
      <li>(Für erweiterte Menüs) Wähle <strong>Abschnitt</strong> aus der Liste.</li>      <li>(Für Website-Menüs) Klicke auf <strong>Abschnitt oder Anker</strong>.</li>    </ul>  </li>  <li>Wähle aus dem Dropdown-Menü die Seite aus, auf der sich der Abschnitt befindet.</li>  <li>Wähle den Abschnitt aus dem Dropdown-Menü aus.</li>  <li>Klicke auf <strong>Fertig</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/f29afd02-cd0b-412a-895d-23510c39da24/9923b40d-a6e0-476e-bfc5-18d7c8704a6d.png" alt="Das Link-Panel; der Cursor fährt über das Aufklappmenü „Wo auf der Seite?“." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="displaying-sections-on-an-in-page-menu" level="3">Abschnitte in einem Ankermenü anzeigen</h2></div><div data-component-type="text"><div>Du kannst all deine Abschnitte in einem coolen schwebenden Menü auf deiner Website anzeigen. Mit einem <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-ein-ankermenü-hinzufügen-und-einrichten" target="">Ankermenü</a> können Besucher auf verschiedene Teile deiner Website-Seite zugreifen, indem sie auf den Abschnittsnamen klicken. Es ist für Besucher deiner Seite immer sichtbar.</div></div><div data-component-type="heading"><h2 id="" level="4">Um ein Ankermenü hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf der linken Seite des Editors auf <strong>Elemente hinzufügen</strong> <img data-composite="true" src="https://lh5.googleusercontent.com/2_Q3UWFeRrr5eTMMy5BcmnSAohKtI_dMraA_5NEO86PZzJ1C6RLZFszKuF-1mKgkvV4ee4eSdDzyvTbeogg8P5XGH8QMTpNCPtZMEWh1kJV1_Jk7RjMl4g4JvgeWtKfTBU5Wfg_V" />.</li>  <li>Klicke auf <strong>Menü &amp; Anker</strong>.</li>  <li>Klicke auf <strong>Ankermenü</strong>.</li>  <li>Ziehe das gewählte Menü auf deine Seite.</li>  <li>(Optional) Klicke mit der rechten Maustaste auf deinen Anker und wähle <strong>Position fixieren</strong>, um seine Position auf deiner Seite zu ändern.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/ee982885-aa0c-48de-b683-20a44fdb668e/2102d99a-b623-4784-a92d-6b553ade2dbe.png" alt="Ein Bildschirmfoto des Panels zum Hinzufügen von Elementen im Wix Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="linking-elements-to-sections" level="3">Elemente mit Abschnitten verlinken</h2></div><div data-component-type="text"><div>Du kannst Elemente auf deiner Website mit Seitenabschnitten verlinken. Wenn Besucher auf das Element auf deiner Live-Website klicken, werden sie direkt zum entsprechenden Inhalt weitergeleitet.</div></div><div data-component-type="heading"><h2 id="" level="4">Um ein Element mit einem Abschnitt zu verlinken:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf das Element, von dem du verlinken möchtest.</li>  <li>Klicke auf das Symbol für <strong>Link</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/8zZfdpxqwt9lhV0e31WR3fVTZaAeF6how0CkEyDwW0xX4262TslqWaHFmxu4rZFjhipV1BNWlD1WnF23EBMNIe_amzYk8jsYqmkkCQV0CTmc2H4ab2qmodtGDFu8RGyKL4P475Ni=s0" />.</li>  <li>Klicke auf <strong>Abschnitt oder Anker</strong>.</li>  <li>Wähle aus dem Dropdown-Menü die Seite aus, auf der sich der Abschnitt befindet.</li>  <li>Wähle den Abschnitt aus dem Dropdown-Menü aus.</li>  <li>Klicke auf <strong>Fertig</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/3e86cedf-0bda-4022-b2d5-438f394ec851/38b7f568-e0cc-4abf-9927-92d434df2910.png" alt="Das „Was soll verlinkt werden?“-Panel im Editor." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="creating-and-sharing-unique-section-urls" level="3">Einzigartige Abschnitts-URLs erstellen und teilen</h2></div><div data-component-type="text"><div>Generiere eine einzigartige URL, die du plattformübergreifend teilen kannst, um relevante und wichtige Inhalte zu präsentieren. Wenn Besucher auf den Link klicken, werden sie direkt zum Anker auf deiner Seite weitergeleitet, sodass sie nicht scrollen müssen, um Informationen zu finden.</div></div><div data-component-type="text"><div>Wähle das Suffix, damit der Link so aussieht, wie du möchtest. Sobald du eine eindeutige URL für deinen Abschnitt erstellt und die Änderungen veröffentlicht hast, kannst du den Link in der Vorschau anzeigen und kopieren, um ihn über verschiedene Plattformen und Konten zu teilen.</div></div><div data-component-type="heading"><h2 id="" level="4">Um eine Abschnitts-URL zu erstellen und zu teilen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Fahre mit der Maus über den entsprechenden Abschnitt in deinem Editor.</li>  <li>Klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/cu38R5ZOvmnaEcp6pOT08y0oZADAo5S3VYdjaSjFun0cXq79LpP55-XBYpC8gbAEHrARaxD-iGqJrAVVfV3APFLUqISrETB_1Cx3ifPhz3OfP1oa0rAyInyaJMGo3iLmN7LWmbZurNKi99SaCMExcw" />.</li>  <li>Klicke auf <strong>Abschnittseinstellungen</strong>.</li>  <li>Klicke auf <strong>Abschnitts-URL</strong>.</li>  <li>Gib das Suffix in das Feld unter <strong>Was ist das URL-Suffix?</strong> ein.</li>  <li>Drücke die Eingabetaste auf deiner Tastatur.</li>  <li>Veröffentliche die Website-Änderungen.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/26868dd9-223c-45f0-9c53-8bfdb99cb79d/b9bf63a1-3a34-4ff3-98a9-34b34ef3685d.png" alt="Ein Bildschirmfoto des Panels für Abschnittseinstellungen im Editor von Wix." /></div></div><div data-component-type="text"><ol>
  <li>(Optional) Fahre in deinem Editor mit der Maus über den entsprechenden Abschnitt.</li>  <li>Klicke auf das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://lh4.googleusercontent.com/cu38R5ZOvmnaEcp6pOT08y0oZADAo5S3VYdjaSjFun0cXq79LpP55-XBYpC8gbAEHrARaxD-iGqJrAVVfV3APFLUqISrETB_1Cx3ifPhz3OfP1oa0rAyInyaJMGo3iLmN7LWmbZurNKi99SaCMExcw" />.</li>  <li>Wähle <strong>Abschnittseinstellungen</strong>.</li>  <li>Klicke auf <strong>Abschnitts</strong><strong>-URL</strong>.</li>  <li>Wähle aus, was du mit der URL machen möchtest:
    <ul>
      <li><strong>URL kopieren:</strong> Kopiere den Link in die Zwischenablage deines Geräts, um ihn einzufügen und auf externen Quellen zu teilen.</li>      <li><strong>URL aufrufen:</strong> Öffne die URL direkt, um zu sehen, wie sie für Besucher aussieht.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/02/24/90e40fb0-690c-4009-913a-ba4fb2527613/408687ec-98b1-4c95-ad42-812c7c2fa35b.png" alt="Ein Bildschirmfoto des Panels für Abschnittseinstellungen im Editor von Wix." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Hinweise:</div><div class="info-content"><ul>
  <li>Die Optionen zum Teilen und Öffnen der URL funktionieren nur, wenn du die Website nach dem Einrichten des Links veröffentlicht hast.</li>  <li>Wenn du Abschnitte mit Elementen auf deiner Website verlinkst oder sie zu einem Menü hinzufügst, wird keine URL generiert. Diese Schritte gelten nur, wenn du über das Einstellungen-Panel eine einzigartige URL erstellt hast.</li></ul></div></div></div>

Im Schnellbearbeitungs-Panel kannst du jederzeit Änderungen am Inhalt und an der Struktur deines Abschnitts vornehmen. Du kannst Inhalte von Elementen ändern, damit die Seiten deiner Website aktuell u...

Wix Editor: Das Schnellbearbeitungs-Panel mit Abschnitten verwenden

<div data-component-type="text"><div>Im Schnellbearbeitungs-Panel kannst du jederzeit Änderungen am Inhalt und an der Struktur deines Abschnitts vornehmen. Du kannst Inhalte von Elementen ändern, damit die Seiten deiner Website aktuell und informativ bleiben.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/12/10/e26ab6f2-8df5-43ca-8dd8-86d65b4c4af3/b08e80e8-b322-4918-9cb9-b045a4183ffb.png" alt="Ein Screenshot des Schnellbearbeitungs-Panels im Editor von Wix mit einem ausgewählten Abschnitt." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="editing-section-content" level="3">Abschnittsinhalte bearbeiten</h2></div><div data-component-type="text"><div>Aktualisiere den gesamten Inhalt deines Abschnitts von einem Ort aus. Ersetze Elemente wie Text und Bilder und ändere den Hintergrund deines Abschnitts, um das Design aktuell zu halten.</div></div><div data-component-type="heading"><h2 id="" level="4">Um den Abschnittsinhalt zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Klicke auf den Abschnitt.</li>  <li>Klicke auf das Symbol für <strong>Schnellbearbeitung</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/20/661f2944-ffbc-431d-90a2-dfaffb5f7251/26433683-6dff-4f53-9958-70c39032c3c9.png" />.</li>  <li>Wähle das entsprechende Element aus dem Panel aus.</li>  <li>Aktualisiere oder ersetze das Element.</li>  <li>(Optional) Klicke auf das Symbol für <strong>Einstellungen</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/7lalJ2U1zesZXkQHtmh5G6Ga-50kmXKoR_kCOA5F2atMeeNQYRSDfH4iZStTkBtSd4jiskOmkvjyKPe3Wi-ffmJA0e6mFRJGYM-h2Q_3RUKhatWqv90PlEKY4KrX12YeMcsPQPwCg_A1oPfky0MOCQ" />, um die Einstellungen des Elements zu aktualisieren.</li>  <li>Klicke auf das Symbol für <strong>Schließen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/02/557b534c-5732-4482-8e1f-75ea80aa7ae8/fb740840-dad5-4b95-a4e7-2b9826bc1644.png" />, um das Panel zu verlassen.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/12/10/f7277e96-e2a3-4f5e-8adc-8c7041924a5e/367bfd06-c2d2-4f56-85a1-1e8773664c3c.png" alt="Ein Screenshot des Schnellbearbeitungs-Panels im Editor von Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">FAQs</h2></div><div data-component-type="text"><div>Wähle eine Frage aus, um mehr darüber zu erfahren, was du mit dem Schnellbearbeitungs-Panel in deinem Editor machen kannst:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich im Panel zu einem vorherigen Layout zurückkehren?</h4><div class="collapsible-content"><div>Absolut. Wähle bei der Vorschau der Optionen im Tab <strong>Abschnittslayouts</strong> die Vorschau unter <strong>Aktuelles Layout</strong>, um deinen Abschnitt wiederherzustellen.</div><div><br /></div><div><strong>Hinweis:</strong> Wenn du ein neues Layout auswählst und das Panel schließt, ist es nicht möglich, vom Panel aus zum vorherigen Layout deines Abschnitts zurückzukehren. Du kannst jedoch <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-rückgängig-machen-und-wiederherstellen" target="_blank">die Tools Rückgängig und Wiederherstellen verwenden</a>, um die Änderungen rückgängig zu machen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Gibt es eine andere Möglichkeit, auf das Panel zuzugreifen?</h4><div class="collapsible-content"><div>Du kannst das Panel auch aufrufen, indem du deinen Abschnitt auswählst und dann auf <strong>Schnellbearbeitung</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/07/20/661f2944-ffbc-431d-90a2-dfaffb5f7251/26433683-6dff-4f53-9958-70c39032c3c9.png" /> klickst.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie aktualisiere ich den Text in einem Abschnitt?</h4><div class="collapsible-content"><ol>
  <li>Öffne im <strong>Schnellbearbeitungs</strong>-Panel den Tab <strong>Inhalt</strong>.</li>  <li>Wähle das entsprechende Textfeld aus und gib deinen neuen Text ein.</li>  <li>Klicke auf das Symbol für <strong>Schließen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/12/02/557b534c-5732-4482-8e1f-75ea80aa7ae8/fb740840-dad5-4b95-a4e7-2b9826bc1644.png" />, um das Panel zu verlassen.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kann ich das Panel verwenden, um das Design von Elementen anzupassen?</h4><div class="collapsible-content"><div>Das Schnellbearbeitungs-Panel bietet die Möglichkeit, das Layout und den Inhalt deines Abschnitts zu ändern. Da Elementtypen unterschiedliche Funktionen und Optionen haben, werden sie individuell angepasst. Du kannst das Design von Abschnittselementen mit den folgenden Schritten ändern:</div><div><br /></div><ol>
  <li>Schließe das Schnellbearbeitungs-Panel.</li>  <li>Wähle das entsprechende Element aus.</li>  <li>Klicke auf das Symbol für <strong>Design</strong> <img data-composite="true" src="https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/24cbcae1-ce69-445c-95b9-aac1f45cb155.png" /> und nimm die gewünschten Änderungen vor.</li></ol><div><br /></div><div><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/05/17/ea5dc161-f497-481d-89d9-fc78172d91ea/7c230dbc-c44a-414b-a1b4-4f56dbc6f96f.png" /></div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wie passe ich das Design meines Abschnitts an?</h4><div class="collapsible-content"><div><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-abschnitte-anpassen" target="_blank">Verwende Tools wie Scroll-Effekte, Form-Trennlinien und mehr verwenden</a>, um deinen Abschnitt so aussehen zu lassen, wie du es möchtest.</div></div></div></div>

Die Elemente auf deinen Website-Seiten sind in einer bestimmten Reihenfolge angeordnet. Diese Reihenfolge hat sowohl visuelle als auch funktionale Aspekte. Sie bestimmt die Reihenfolge, in der die Ele...

Wix Editor: Über die Reihenfolge der Elemente deiner Website

<div data-component-type="text"><div>Die Elemente auf deinen Website-Seiten sind in einer bestimmten Reihenfolge angeordnet. Diese Reihenfolge hat sowohl visuelle als auch funktionale Aspekte. Sie bestimmt die Reihenfolge, in der die Elemente auf deiner Live-Website angezeigt und geladen und mit der Tab-Taste aufgerufen werden.</div></div><div data-component-type="text"><div>Die Reihenfolge der Elemente deiner Website wird automatisch bestimmt, du kannst jedoch bei Bedarf manuelle Änderungen vornehmen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="the-order-of-elements-on-your-site" level="3">Die Reihenfolge der Elemente auf deiner Website</h2></div><div data-component-type="text"><div>Elemente, die du zu deiner Website hinzufügst, sind in den <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-ebenen-panel-verwenden" target="_blank">Ebenen der Seite</a> angeordnet und werden in einer bestimmten Reihenfolge angezeigt. Diese Daten stammen aus der <a data-composite="true" href="https://support.wix.com/de/article/website-leistung-die-dom-order-deiner-website" target="_blank">DOM Order</a>, die sich auf die Lade- und Lesereihenfolge von Seitenelementen bezieht.</div></div><div data-component-type="text"><div>Die Reihenfolge der Elemente auf deiner Website ist ein <a data-composite="true" href="https://support.wix.com/de/article/website-leistung-die-dom-order-deiner-website#dom-order-and-site-performance" target="">wichtiger Teil der Performance deiner Website</a>. Sie ist auch essenziell für die Barrierefreiheit deiner Website, da sie <a data-composite="true" href="https://support.wix.com/de/article/barrierefreiheit-deine-website-für-screenreader-vorbereiten" target="">die Reihenfolge bestimmt</a>, in der Besucher, die Hilfstechnologien (oder die Tab-Taste) nutzen, durch den Inhalt deiner Seite navigieren.</div></div><div data-component-type="text"><div>Wix legt automatisch eine DOM Order für dich fest. Die Sequenz verwendet die visuelle Reihenfolge der Elemente von links nach rechts und von oben nach unten.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="manually-changing-the-order-of-your-site-elements" level="3">Die Reihenfolge der Elemente auf deiner Website manuell ändern</h2></div><div data-component-type="text"><div>Die automatische DOM Order ist auf deiner Desktop-Website automatisch aktiviert. Wenn die visuelle und geladene Reihenfolge deiner Website logisch ist, empfehlen wir, die Reihenfolge beizubehalten. Wenn die DOM Order deiner Website jedoch nicht logisch ist, kannst du sie im <a data-composite="true" href="https://support.wix.com/de/article/barrierefreiheit-über-den-wizard-für-barrierefreiheit" target="_blank">Wizard für Barrierefreiheit</a> ändern.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Möchtest du die DOM Order deiner Website überprüfen?</div><div class="info-content"><div>Sieh dir deine Website in der <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-website-speichern-in-der-vorschau-anzeigen-und-veröffentlichen#previewing-your-site" target="_blank">Vorschau</a> an oder öffne deine Live-Website und drücke die <strong>Tab-Taste</strong> auf deiner Tastatur, um durch die Seitenelemente zu navigieren.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um die DOM-Einstellungen zu ändern:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Öffne deinen Editor</a>.</li>  <li>Wähle in der oberen Leiste deines Editors <strong>Einstellungen</strong> aus.</li>  <li>Wähle <strong>Wizard für Barrierefreiheit</strong>.</li>  <li>Wähle oben rechts im Wizard das Symbol für <strong>Weitere Aktionen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/08/91fbe34c-3491-4ef6-8c92-ebbc86841818/6e2b4e22-9ca8-4711-951a-51f8ba127511.png" />.</li>  <li>Wähle <strong>Erweiterte Einstellungen für Barrierefreiheit</strong>.</li>  <li>Wähle <strong>Automatische DOM Order</strong>.</li>  <li>Deaktiviere den Schalter im Panel.</li>  <li>Wähle im Pop-up-Fenster die Option <strong>Deaktivieren</strong>.</li>  <li>Ordne die Elemente manuell neu an:
    <ol>
      <li>Wähle unten links im Editor das Symbol für <strong>Ebenen</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/22/f52b1de4-3721-47b4-8588-8e0f10fbe5cb/33bdef84-9b33-4f67-bfb3-adef581774af.png" /> aus.</li>      <li>Überprüfe die Liste und lösche alle überflüssigen Elemente. Dazu gehören doppelte Elemente, die keinen Nutzen auf deiner Website haben und Screenreader-Benutzer verwirren können.</li>      <li>Klicke und ziehe die entsprechenden Elemente in die gewünschte Reihenfolge.</li>    </ol>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/08/23446a58-77b9-4b4b-8092-2db23c31714e/25361114-abbb-4f3c-8c4a-1cd503b999f4.png" alt="Die erweiterten Einstellungen des Wizard für Barrierefreiheit. Der automatische Schalter für die DOM Order wurde deaktiviert." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="potential-issues-and-troubleshooting-steps" level="3">Potenzielle Probleme und Schritte zur Fehlerbehebung</h2></div><div data-component-type="text"><div>Probleme mit der DOM Order deiner Website können sich auf die Leistung und Barrierefreiheit deiner Website sowie die Gesamtstruktur deiner Website-Seiten auswirken. Wähle für weitere Informationen und Lösungsmöglichkeiten eine Option.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Die Reihenfolge, in der Elemente auf meiner Live-Website geladen werden, stimmt nicht mit der visuellen Reihenfolge der Elemente überein</h4><div class="collapsible-content"><div>Wenn du die automatische DOM Order deiner Website deaktiviert hast, stimmt die Reihenfolge, in der die Elemente geladen werden, möglicherweise nicht mit ihrer visuellen Reihenfolge überein.</div><div><br /></div><div>Wenn zum Beispiel ein Button unten auf einer Seite angezeigt wird, aber an erster Stelle in der DOM Order steht, wird er vor den darüber liegenden Elementen geladen. Wenn zusätzlicher Inhalt geladen wird, kann sich das Layout der Seite verschieben.</div><div><br /></div><div>Wir empfehlen, die automatische DOM Order deiner Website zu aktivieren, um sicherzustellen, dass die geladenen Inhalte und die visuelle Reihenfolge deiner Elemente übereinstimmen. Wenn die automatische Reihenfolge jedoch nicht logisch ist, kannst du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-ebenen-panel-verwenden" target="_blank">die DOM Order im Ebenen-Panel manuell neu anordnen</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Elemente verschieben sich auf der Seite, wenn ich meine Website speichere</h4><div class="collapsible-content"><div>Die DOM Order deiner Website wird von der visuellen Reihenfolge der Elemente auf deinen Seiten übernommen; von links nach rechts und von oben nach unten. Dies kann dazu führen, dass Elemente verschoben werden oder von anderen Elementen verdeckt werden, wenn du deine Änderungen an deiner Website speicherst.</div><div><br /></div><div>Du kannst dieses Problem mit den folgenden Schritten beheben:</div><ol>
  <li>Deaktiviere in den erweiterten Einstellungen deiner Website die automatische DOM Order.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-überlagernde-elemente-anzeigen-und-auswählen" target="_blank">Öffne das Ebenen-Panel im Editor, um die relevanten Elemente zu suchen und auszuwählen</a>.</li>  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-ebenen-panel-verwenden" target="_blank">Ordne die Elemente manuell in der gewünschten Reihenfolge an</a>.</li></ol></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Die Tab-Reihenfolge von Elementen auf meiner Live-Website stimmt nicht mit der visuellen Reihenfolge der Elemente überein</h4><div class="collapsible-content"><div>Wenn du die automatische DOM Order deiner Website deaktiviert hast, stimmt die Tab-Reihenfolge möglicherweise nicht mit der visuellen Reihenfolge der Elemente überein. Dies kann sich auf die Barrierefreiheit deiner Website auswirken, da es für Besucher, die unterstützende Technologien verwenden, schwieriger wird, auf deiner Website zu navigieren.</div><div><br /></div><div>Wir empfehlen, die automatische DOM Order deiner Website zu aktivieren, um sicherzustellen, dass Tab-Reihenfolge und die visuelle Reihenfolge deiner Elemente übereinstimmen. Wenn die automatische Reihenfolge jedoch nicht logisch ist, kannst du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-ebenen-panel-verwenden" target="_blank">die DOM Order im Ebenen-Panel manuell neu anordnen</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Die automatische DOM Order passt nicht zur Sprache meiner Website</h4><div class="collapsible-content"><div>Die automatische DOM Order auf Desktop-Editor-Websites wurde für von links nach rechts geschriebene Skripte entwickelt (z. B. Englisch, Spanisch usw.). Wenn deine Website eine von rechts nach links geschriebene Schrift wie Arabisch oder Hebräisch verwendet, musst du <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-das-ebenen-panel-verwenden" target="_blank">die DOM Order im Ebenen-Panel manuell neu anordnen</a>.</div></div></div></div>

Füge von KI (künstliche Intelligenz) generierte Abschnitte hinzu, um den Aufbau deiner Website zu optimieren. Der Generator berücksichtigt deine Website-Informationen und erstellt Inhalte, die du nach...

Wix Editor: Seitenabschnitte mit KI erstellen

<div data-component-type="text"><div>Füge von KI (künstliche Intelligenz) generierte Abschnitte hinzu, um den Aufbau deiner Website zu optimieren. Der Generator berücksichtigt deine Website-Informationen und erstellt Inhalte, die du nach deinen Wünschen anpassen kannst.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wusstest du schon? </div><div class="info-content"><div>Du kannst die Leistungsfähigkeit unseres <a data-composite="true" href="https://de.wix.com/ai-website-builder" target="_blank">KI-Website-Builders</a> nutzen, um eine einzigartige Website zu erstellen, die auf die Anforderungen deines Unternehmens zugeschnitten ist.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="generating-new-sections-with-ai" level="3">Neue Abschnitte mit KI erstellen</h2></div><div data-component-type="text"><div>Organisiere Inhalte und zeige sie an, indem du KI-generierte Abschnitte hinzufügst. Alle Abschnitte, die du hinzufügst, sind vollständig anpassbar, sodass du das Design und den Inhalt nach Bedarf ändern kannst.</div></div><div data-component-type="heading"><h2 id="" level="4">Um einen KI-generierten Abschnitt hinzuzufügen:</h2></div><div data-component-type="text"><ol>
  <li>Wähle links im Editor-Menü <strong>Abschnitt hinzufügen</strong> <img data-composite="true" src="https://lh3.googleusercontent.com/TjYeZuWkbCLatKNmawGnaIFMAwb3sNqUSdwzsGsNG76H09d_JCSw-YtvdnuW27id0m4oxjTV7Z5Qea79WQuvjGW63-3csO1dW04CT4WcFnxQjfDDaKF3GVGqcQp7kn_sJ5TzVwCIfngObmKFGq1QoA" />.</li>  <li>Wähle <strong>KI-Erstellung</strong>.</li>  <li>Website-Informationen und die gewünschten Abschnittsinhalte hinzufügen/bearbeiten:
    <ul>
      <li><strong>Website-Infos:</strong> Dazu gehören der Typ und der Name deiner Website. Wenn du die Info aktualisieren möchtest, wähle <strong>Bearbeiten</strong> und nimm die erforderlichen Änderungen vor.</li>      <li><strong>Abschnittsart:</strong> Wähle die gewünschte Abschnittsart aus dem Aufklappmenü aus.</li>      <li><strong>Textdetails:</strong> Gib Textdetails in das Feld ein, z. B. Keywords und wichtige Informationen.</li>    </ul>  </li>  <li>Wähle <strong>Abschnitt erstellen</strong>.</li>  <li>Klicke und ziehe den Abschnitt, den du bearbeiten möchtest, um ihn zu deiner Seite hinzuzufügen.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/09/21/90b7c291-0f2b-4549-ad97-3baef50477c5/4e76bf2a-0e73-4689-a79d-14eda116da3f.png" alt="Das KI-Panel zum Erstellen von Abschnitten im Editor. Der Button „Abschnitt erstellen“ ist hervorgehoben." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-your-section-content" level="3">Den Inhalt deines Abschnitts anpassen</h2></div><div data-component-type="text"><div>Nachdem du einen KI-generierten Abschnitt zu deiner Website hinzugefügt hast, kannst du den Text und/oder die Bilder manuell ändern, um sie an das Design deiner Marke anzupassen.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Wichtig:</div><div class="info-content"><div>Bevor du die Änderungen veröffentlichst, überprüfe den Text und bearbeite ihn gegebenenfalls, um sicherzustellen, dass er den <a data-composite="true" href="https://de.wix.com/about/terms-of-use" target="">Nutzungsbedingungen von Wix</a> entspricht und das du alle erforderlichen Rechte und Lizenzen hast, um diese Inhalte zu nutzen und zu veröffentlichen.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Um den Inhalt deines Abschnitts anzupassen:</h2></div><div data-component-type="text"><ol>
  <li>Klicke in deinem Editor auf den Abschnitt.</li>  <li>Klicke auf den Inhalt, den du ändern oder anpassen möchtest:
    <ul>
      <li><strong>Text:</strong>
        <ol>
          <li>Wähle das Textfeld aus.</li>          <li>Klicke auf <strong>Text bearbeiten</strong>.</li>          <li>Nimm bei Bedarf Änderungen am Text vor.</li>          <li>(Optional) Verwende das Panel, um <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deinen-text-formatieren" target="_blank">Schriftart, Größe, Farbe und vieles mehr zu ändern</a>.</li>        </ol>      </li>      <li><strong>Bild:</strong>
        <ol>
          <li>Wähle das Bild aus.</li>          <li>Klicke auf <strong>Bild ändern</strong>.</li>          <li>Wähle aus einer Reihe von Archiv-Fotos oder Website-Dateien oder lade eigene hoch.</li>          <li>Klicke auf <strong>Bild wählen</strong>.</li>          <li>(Optional) Klicke auf das Symbol, um <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-ein-bild-zuschneiden" target="_blank">dein Bild zuzuschneiden</a>, <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-bilder-bearbeiten-und-anpassen" target="_blank">einen Rahmen hinzuzufügen</a> und vieles mehr.</li>        </ol>      </li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2023/09/21/6d1d4bb4-eba0-40f4-9160-309468146ecf/154c066b-7678-4c70-a83d-55a2b9976ac5.png" alt="Das Texteinstellungsfenster mit Text, der in einem KI-Abschnitt erstellt wurde. Der Cursor bewegt sich über den hervorgehobenen Text." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Wie geht es weiter?</div><div class="info-content"><ul>
  <li><a data-composite="true" href="https://support.wix.com/de/article/wix-editor-deine-abschnitte-anpassen" target="_blank">Passe deine Abschnitte an</a>, damit sie zu deiner Seite und Marke passen.</li>  <li>Erfahre mehr über die <a data-composite="true" href="https://de.wix.com/features/ai" target="_blank">KI-Funktionen von Wix</a>.</li></ul></div></div></div>

Zurzeit ist es nicht möglich, auf den CSS-Code deiner Website zuzugreifen. Viele der CSS-Änderungen, die du vornehmen möchtest, kannst du vornehmen, indem du Inhalt im Editor aktualisierst. Die Änderu...

Wix Editor Funktionsvorschlag: Auf den CSS-Code deiner Website zugreifen

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, auf den CSS-Code deiner Website zuzugreifen. </div></div><div data-component-type="text"><div>Viele der CSS-Änderungen, die du vornehmen möchtest, kannst du vornehmen, indem du Inhalt im Editor aktualisierst. Die Änderungen werden wirksam, wenn du auf <strong>Veröffentlichen</strong> klickst.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/de/article/studio-editor-über-die-css-bearbeitung" target="_blank">CSS-Bearbeitung</a> ist eine von vielen erweiterten Funktionen, die im <a data-composite="true" href="https://support.wix.com/de/article/wix-studio-über-den-studio-editor" target="_blank">Studio Editor</a> verfügbar ist.</div></div></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig. </div></div>

Auf einigen Bildschirmen siehst du möglicherweise eine Lücke unter der Fußzeile. Diese wird angezeigt, weil der Inhalt deiner Website kürzer ist als die Viewport-Höhe.Zurzeit bietet Wix Lösungen, die ...

Wix Editor Funktionsvorschlag: Den weißen Balken unter der Fußzeile entfernen

<div data-component-type="text"><div>Auf einigen Bildschirmen siehst du möglicherweise eine Lücke unter der Fußzeile. Diese wird angezeigt, weil der Inhalt deiner Website kürzer ist als die Viewport-Höhe.</div></div><div data-component-type="text"><div>Zurzeit bietet Wix Lösungen, die dir helfen, eine horizontal responsive Website zu erstellen. <a data-composite="true" href="https://support.wix.com/de/article/funktionsvorschlag-responsive-websites" target="_blank">Klicke hier, um zu erfahren, welche Elemente horizontal responsiv sind</a></div></div><div data-component-type="text"><div>Wir arbeiten immer noch an Lösungen für die vertikale Reaktionsfähigkeit. In der Zwischenzeit kannst du unsere Empfehlungen ausprobieren. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-abstand-zwischen-seiteninhalt-und-fußzeile-entfernen#gaps-below-the-footer" target="_blank">Erfahre mehr über den Abstand unter deiner Fußzeile und sieh dir mögliche Lösungen an</a>.</div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Derzeit ist es nicht möglich, die Kopfzeile so einzurichten, dass diese beim Scrollen kleiner wird.Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern und dein Feedback ist...

Wix Editor Funktionsvorschlag: Kopfzeile beim Scrollen kleiner werden lassen

<div data-component-type="text"><div>Derzeit ist es nicht möglich, die Kopfzeile so einzurichten, dass diese beim Scrollen kleiner wird.<br /><br />Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern und dein Feedback ist uns sehr wichtig.<br /><br />Wenn du dir diese Funktion wünschst, klicke bitte auf<strong> Stimme abgeben</strong> und wir halten dich auf dem Laufenden.</div></div>

Zurzeit ist es nicht möglich, unterschiedliche Kopf- oder Fußzeilendesigns auf verschiedenen Seiten deiner Website von Wix anzuzeigen. Es wird für das gleiche Design für Kopf- und Fußzeilen auf alle S...

Wix Editor Funktionsvorschlag: Unterschiedliche Kopf- und Fußzeilendesigns auf verschiedenen Seiten

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, unterschiedliche Kopf- oder Fußzeilendesigns auf verschiedenen Seiten deiner Website von Wix anzuzeigen. Es wird für das gleiche Design für Kopf- und Fußzeilen auf alle Seiten angewendet. Du kannst sie jedoch auf bestimmten Seiten ausblenden. <a data-composite="true" href="https://support.wix.com/de/article/wix-editor-die-kopf-und-fußzeile-auf-einer-bestimmten-seite-ausblenden" target="_blank">Klicke hier, um mehr zu erfahren</a></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tipp:</div><div class="info-content"><div>Mit Editor X kannst du unterschiedliche Kopf- und Fußzeilen auf verschiedenen Seiten deiner Website anzeigen. Editor X ist ein responsiver Website-Builder, das heißt du kannst eine Website genau an deine Bedürfnisse anpassen. <a data-composite="true" href="https://support.wix.com/de/article/editor-x-globale-abschnitte-verwenden" target="_blank">So zeigst du Kopf- und Fußzeilen im Editor X an</a></div></div></div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Zurzeit ist es nicht möglich, horizontales Scrollen auf deiner Live-Website für verschiedene Bildschirmgrößen (z. B. iPads und Tablets) zu aktivieren.Wir arbeiten konstant daran, unsere Produkte zu ak...

Wix Editor Funktionsvorschlag: Horizontales Scrollen auf deiner Live-Website

<div data-component-type="text"><div>Zurzeit ist es nicht möglich, horizontales Scrollen auf deiner Live-Website für verschiedene Bildschirmgrößen (z. B. iPads und Tablets) zu aktivieren.</div></div><div data-component-type="text"><div>Wir arbeiten konstant daran, unsere Produkte zu aktualisieren und zu verbessern. Dein Feedback ist uns daher sehr wichtig.</div></div>

Erste Schritte

Template auswählen

Einen Profi von Wix engagieren

Grundlagen

Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst

Deine Website strukturieren

Das Website-Layout

Streifen & Spalten