Editor X: Breakpoints verwalten

Mit Editor X kannst eine vollständig responsive Website erstellen, die sich an verschiedene Breakpoints anpasst. Breakpoints sind die Punkte, an denen das Design angepasst wird, damit Besucher immer die bestmögliche Version deiner Website sehen, egal von welchem Gerät aus.

Möglicherweise möchtest du, dass deine Seiten und Master-Abschnitte auf bestimmten Viewports, z. B. auf größeren Bildschirmen oder mobilen Geräten, ein anderes Design aufweisen. Mit Editor X kannst du verschiedene Breakpoints für jede Seite und jeden Master-Abschnitt auf deiner Website definieren und das Design entsprechend anpassen.

Standardmäßig verfügt dein Editor über die häufigsten Breakpoints basierend auf dem Benutzer-Traffic (Mobile, Tablet und Desktop). Unsere vorgestellten Breakpoints decken einen großen Bereich von Bildschirmgrößen ab, du kannst aber jederzeit einen benutzerdefinierten Breakpoint hinzufügen, wenn die vorgegebenen Bereiche deinen Anforderungen nicht entsprichen.

Am oberen Rand des Editors siehst du 3 Standard-Breakpoints. Klicke auf die Breakpoints, um die Ansicht aufzurufen und mit der Anpassung der Seite oder des Master-Abschnitts für diese Bildschirmgröße zu beginnen.

Du kannst dich auch zwischen den Breakpoints bewegen, indem du die Ziehgriffe an der linken und rechten Seite der Arbeitsfläche ziehst:

Möglicherweise möchtest du deine Seite oder deinen Master-Abschnitt für eine bestimmte Viewport-Größe entwerfen, die nicht in unseren Standard-Breakpoints enthalten ist. Füge in diesem Fall einen Breakpoint mit deiner benutzerdefinierten Größe hinzu.

Änder die Größe der vorhandenen Breakpoints in deinem Editor.

Du kannst entscheiden, ob du deine Website für eine bestimmte Bildschirmgröße nicth benötigst oder nicht entwerfen möchtest. Du kannst einen Breakpoint jederzeit löschen. Dabei werden auch alle Layout- und Designeigenschaften für den Breakpoint gelöscht.