header-logo
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

Wix Editor: Die Editor-Tools verwenden

4 min
Der Wix Editor bietet mehrere integrierte Werkzeuge, um deinen Designprozess schneller und präziser zu machen. Du findest diese Funktionen im Bereich Ansicht oben rechts im Editor.
Eine Nahaufnahme, die das Tools-Fenster im Wix Editor zeigt

Die Editor-Bearbeitungsleiste verwenden

Die Editor-Bearbeitungsleiste hilft dir, grundlegende Aktionen schnell auszuführen. Verwende sie, um Elemente auf deiner Seite zu kopieren, einzufügen, zu duplizieren oder zu löschen. Du kannst auch Elementeinstellungen wie Größe, Position und Ausrichtung anpassen.
Nachdem du die Bearbeitungsleiste im Tool-Panel aktiviert hast, findest du sie auf der rechten Seite des Editors.

Um die Bearbeitungsleiste zu aktivieren:

  1. Öffne deinen Editor.
  2. Klicke oben rechts im Editor auf Tools .
  3. Aktiviere das Kontrollkästchen der Bearbeitungsleiste.
Ein Screenshot der Editor-Tools, die Bearbeitungsleiste ist hervorgehoben.
Tipps:
  • Positioniere die Editor-Bearbeitungsleiste neu, indem du sie per Drag & Drop an eine beliebige Stelle auf deiner Seite legst.
  • Du kannst die Menüs und die Bearbeitungsleiste des Editors (z. B. das linke und das obere Menü) aus- und einblenden, indem du oben im Editor auf den Pfeil zum Ausblenden  klickst. Mehr über die Funktion zum Ausblenden von Steuerelementen erfahren.

Das Ebenen-Panel verwenden

Das Ebenen-Panel zeigt dir alle Elemente auf deiner Seite. Das Panel ist durch die Hauptteile deiner Seite (Kopfzeile, Seite und Fußzeile) unterteilt, sodass du ganz einfach die Elemente findest, die du benötigst.
Nachdem du das Ebenen-Panel aktiviert hast, erscheint es als schwebendes Panel, das du an eine beliebige Stelle im Editor ziehen kannst. Du kannst es aktivieren, indem du unten links im Editor auf das Symbol für Ebenen  klickst.
Das Ebenen-Panel im Editor. Das Symbol wurde hervorgehoben.

Das horizontale und vertikale Lineal verwenden

Mit den horizontalen und vertikalen Linealen kannst du Elemente genau auf deiner Website platzieren. Positioniere deine Elemente an bestimmten Positionen (in Pixel) und füge Hilfslinien hinzu, um diese Punkte zu markieren. 
Nachdem du Lineale in der Werkzeugleiste aktiviert hast, kannst du das horizontale Lineal oben und das vertikale Lineal auf der rechten Seite sehen. 

Um die Lineale zu aktivieren:

  1. Öffne deinen Editor.
  2. Klicke oben rechts im Editor auf Tools .
  3. Aktiviere das Kontrollkästchen Lineale.
Ein Screenshot der Bearbeitungsleiste des Editors, die Lineale sind hervorgehoben.

Rasterlinien verwenden

Rasterlinien sind die gepunkteten Linien in deinem Editor, die dir helfen können, das Layout deiner Website richtig zu gestalten. Die vertikalen Rasterlinien sind besonders nützlich, da sie die maximale Breite deiner Seite auf Tablets und kleineren Geräten zeigen.
Verwende die Rasterlinien, um sicherzustellen, dass deine Inhalte auf jeder möglichen Bildschirmgröße sichtbar sind. Du kannst sie jederzeit nach Bedarf aktivieren und deaktivieren. Mehr über die Rasterlinien im Editor erfahren

Um Rasterlinien zu aktivieren:

  1. Öffne deinen Editor.
  2. Klicke oben rechts im Editor auf Tools .
  3. Aktiviere das Kontrollkästchen für Rasterlinien.
Ein Screenshot des Panels für Editor-Tools, die Rasterlinien sind hervorgehoben.

Das „An Objekt anpassen“-Tool verwenden

Das Werkzeug „An Objekt anpassen“ hilft dir, Elemente besonders präzise aneinander anzuhängen.
Sobald du ein Element ziehst, erscheinen lila Linien, um die Ränder anderer Elemente auf dieser Seite zu markieren. Wenn du dich entscheidest, das Element, das du ziehst, abzulegen, wird es an diesen Markern innerhalb eines 5-Pixel-Bereichs ausgerichtet.

Um die Option „An Objekt anpassen“ zu aktivieren:

  1. Öffne deinen Editor.
  2. Klicke oben rechts im Editor auf Tools .
  3. Aktiviere das Kontrollkästchen An Objekt anpassen.
Ein GIF, das das „An Objekt anpassen“-Tool zeigt, das im Editor verwendet wird.
Eine Nahaufnahme, die das Tools-Fenster im Wix Editor zeigt
Ein Screenshot der Editor-Tools, die Bearbeitungsleiste ist hervorgehoben.
Das Ebenen-Panel im Editor. Das Symbol wurde hervorgehoben.
Ein Screenshot der Bearbeitungsleiste des Editors, die Lineale sind hervorgehoben.
Ein Screenshot des Panels für Editor-Tools, die Rasterlinien sind hervorgehoben.
Ein GIF, das das „An Objekt anpassen“-Tool zeigt, das im Editor verwendet wird.