header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Studio Editor: Form-Trennlinien hinzufügen und anpassen

6 min
In diesem Artikel
  • Eine Form-Trennlinie hinzufügen
  • Eine voreingestellte Form-Trennlinie gestalten
  • Eine benutzerdefinierte Form-Trennlinie gestalten
  • Häufig gestellte Fragen (FAQs)
Füge Form-Trennlinien hinzu, um einen interessanten und stilvollen Übergang zwischen den Abschnitten zu schaffen. Anstatt einfache, gerade Linien für das Unterteilen deiner Inhalte zu verwenden, kannst du entweder eine Form (z. B. Ellipse, Waves) auswählen, oder deine eigenen Formen hochladen. Die Trennlinien können am oberen oder unteren Rand eines Abschnitts platziert werden und du kannst ihr Design nach Bedarf anpassen.
Beispiel für einen Abschnitt mit Form-Trennlinien oben und unten

Eine Form-Trennlinie hinzufügen

Du kannst damit beginnen, dem entsprechenden Abschnitt eine Form-Trennlinie hinzuzufügen. Du kannst eine Trennlinie entweder am oberen oder am unteren Rand des Abschnitts hinzufügen, oder sowohl oben als auch unten. 
Es gibt eine Reihe von Formen, aus denen du wählen kannst, sowie zusätzliche Designs in der Medienverwaltung. Du kannst auch deine eigene SVG-Datei hochladen, um diesem Übergang eine persönliche Note zu verleihen.
Du möchtest deine eigene Datei hochladen?
Einen Leitfaden zu Dateigröße und Proportionen findest du im FAQ-Abschnitt unten.

Eine Form-Trennlinie zu deinem Abschnitt hinzufügen:

  1. Öffne deinen Editor.
  2. Wähle den entsprechenden Abschnitt aus.
  3. Klicke auf das Symbol für Form-Trennlinien .
  4. Klicke auf den Tab Oben oder Unten, um auszuwählen, wo die Trennlinie hinzugefügt werden soll.
  5. Wähle eine Form-Trennlinie aus, die du hinzufügen möchtest:
    • Designvorschläge: Klicke auf eines der im Panel verfügbaren Designs.
    • Für weitere Designs, die Wix anbietet:
      1. Klicke auf + Weitere Formen.
      2. (In der Medienverwaltung) Wähle ein Design aus dem Tab Medien von Wix aus.
      3. Klicke auf Datei auswählen, um sie anzuwenden.
    • Deine eigene Form-Trennlinie: 
      1. Klicke auf + Weitere Formen.
      2. (In der Medienverwaltung) Wähle die Form aus dem Tab Website-Dateien aus oder lade eine neue Form hoch.
      3. Klicke auf Datei auswählen, um sie anzuwenden.
Das „Form-Trennlinien“-Panel neben einem Abschnitt mit bereits angewendeten Trennlinien, das die Tabs am oberen Rand des Panels hervorhebt
Tipp:
Nachdem du in der Medienverwaltung eine Form ausgewählt hast, wird sie im Panel Form-Trennlinien für den jeweiligen Abschnitt als Weitere Formen angezeigt. Wenn du eine andere Form aus der Medienverwaltung auswählen möchtest, klicke oberhalb von Weitere Formen auf das Symbol für Ändern 

Eine voreingestellte Form-Trennlinie gestalten

Nachdem du eine unserer Form-Trennlinien ausgewählt hast, gestalte sie nach deinen Wünschen. Passe Höhe, Farbe, Deckkraft und Ebenen an, um den Übergang zu personalisieren und ihn nach deinen Wünschen aussehen zu lassen.
Hinweis:
Die verfügbaren Optionen hängen von der gewählten Form-Trennlinie ab. 

Das Design einer voreingestellten Form-Trennlinie anpassen:

  1. Öffne deinen Editor.
  2. Wähle den entsprechenden Abschnitt aus.
  3. Klicke auf das Symbol für Form-Trennlinien .
  4. Klicke auf den Tab Oben oder Unten, um auf die Trennlinie zuzugreifen, die du gestalten möchtest.
  5. Klicke unten auf Design anpassen.
  6. Wähle aus, auf welche Weise du das Design der Form-Trennlinie anpassen möchtest:
    • Deckkraft & Farbe: Wähle die gewünschte Farbe für die Trennlinie und gestalte sie im Abschnitt mehr oder weniger transparent.
    • Höhe: Richte ein, wie hoch die Trennlinie in den Abschnitt hineinreichen soll.
    • Horizontaler Randabstand: Positioniere deine Form-Trennlinie neu indem du sie nach links oder rechts schiebst. 
    • Ebeneneffekt: Aktiviere den Schieberegler, um der Trennlinie einen Fade-Effekt hinzuzufügen, und wähle dann aus dem Dropdown-Menü eine Richtung aus:
      • Zentriert: Der Effekt ist auf der gesamten Trennlinie sichtbar.
      • Nach oben ausblenden: Der Effekt wird zum oberen Rand der Trennlinie hin geringer.
      • Nach unten ausblenden: Der Effekt wird zum unteren Rand der Trennlinie hin geringer.
    • Umkehren: Kehrt die Form der Trennlinie (vertikal) um.
    • Spiegeln: Richtet die Trennlinie so ein, dass sie im Abschnitt in entgegengesetzter Richtung angezeigt wird.
    • Anzahl der Wiederholungen: Legt fest, wie oft sich das Muster über die Trennlinie hinweg wiederholt.
Das Panel „Trennliniendesign“, das die Optionen für die voreingestellte Trennlinie „Linke Wellen“ zeigt

Eine benutzerdefinierte Form-Trennlinie gestalten

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. 
Hinweis:
Die verfügbaren Optionen hängen von der spezifischen Datei ab, die du hochlädst. Weitere Informationen findest du im Abschnitt FAQs weiter unten.

Um das Design deiner eigenen Form-Trennlinie anzupassen:

  1. Öffne deinen Editor.
  2. Wähle den entsprechenden Abschnitt aus.
  3. Klicke auf das Symbol für Form-Trennlinien .
  4. Klicke auf den Tab Oben oder Unten, um auf die Trennlinie zuzugreifen, die du gestalten möchtest.
  5. Klicke unten auf Design anpassen.
  6. Wähle aus, wie du das Aussehen deiner Form-Trennlinien anpassen möchtest:
    • Deckkraft & Farbe: Wähle eine beliebige Farbe für deine Trennlinie und gestalte sie auf dem Abschnitt mehr oder weniger transparent.
    • Skalierung der Trennlinie: Wähle aus, ob sich das Trennlinienmuster über den gesamten Abschnitt erstrecken oder sich wiederholen soll.
    • Höhe: Lege fest, wie hoch der höchste Punkt der Trennlinie in deinen Abschnitt hineinreichen soll.
    • Horizontaler Abstand: Lege den Abstand der Trennlinie von den Seiten des Abschnitts fest.
    • Spiegeln: Richtet die Trennlinie so ein, dass sie in deinem Abschnitt in entgegengesetzter Richtung (horizontal) angezeigt wird.
Das Panel „Trennliniendesign“, das die Optionen für eine individuelle Trennlinie zeigt

Häufig gestellte Fragen (FAQs)

Klicke unten auf eine Frage, um mehr über Form-Trennlinien zu erfahren.