Responsive-Breakpoint-Einstellungen

In diesem Dokument erfahren Sie, wie Sie die responsiven Breakpoints ueber Site Settings > Responsive im Seitenpanel des Block-Editors verwalten.


Zusammenfassung

ZenBlocks unterstuetzt vier Breakpoint-Stufen: PC, MD, TB und SP.

  • PC ist immer aktiv und kann nicht deaktiviert werden.
  • MD, TB und SP koennen einzeln aktiviert oder deaktiviert werden.
  • Nach dem Speichern ist ein Neuladen der Seite erforderlich, damit die Aenderungen wirksam werden.

Standardwerte

StufeBreakpointStandard
PCImmer aktiv
MDMax. Breite1140px
TBMax. Breite840px
SPMax. Breite540px

So oeffnen Sie die Responsive-Einstellungen

  1. Beitrag oeffnen — Oeffnen Sie einen beliebigen Beitrag oder eine Seite im Block-Editor.
  2. ZenBlocks-Button klicken — Klicken Sie auf den ZenBlocks-Button in der Kopfzeile des Editors.
  3. Responsive-Panel waehlen — Waehlen Sie im Bereich Site Settings das Panel Responsive aus.
ZenBlocks-Button im Header anklicken
ZenBlocks-Button im Header anklicken

Einrichtungsschritte

  1. Breakpoints aktivieren -- Aktivieren Sie die gewuenschten Breakpoint-Stufen (MD, TB, SP) ueber die jeweiligen Schalter.
  2. Breitenwerte eingeben -- Tragen Sie fuer jede aktivierte Stufe den gewuenschten Breakpoint-Wert in Pixel (px) ein.
  3. Breakpoint-Bereiche pruefen -- Ueberpruefen Sie in der Anzeige Breakpoint Ranges, ob die resultierenden Bereiche Ihren Erwartungen entsprechen.
  4. Speichern -- Klicken Sie auf Save, um die Einstellungen zu sichern.
  5. Seite neu laden -- Nach dem Speichern wird ein Hinweis angezeigt. Laden Sie die Seite neu, damit die neuen Breakpoints angewendet werden.
Responsive-Tab mit bearbeitbaren Breakpoints
Responsive-Tab mit bearbeitbaren Breakpoints
Breakpoint-Änderungen mit Save-Button speichern
Breakpoint-Änderungen mit Save-Button speichern

Checkpoints

  • Die aktivierten Breakpoint-Stufen werden im Responsive-Panel korrekt angezeigt.
  • Die eingegebenen Breitenwerte stimmen mit den gewuenschten Werten ueberein.
  • Die Breakpoint-Bereiche in der Uebersicht sind schluessig und lueckenlos.
  • Nach dem Neuladen der Seite werden die Breakpoints im Editor korrekt angewendet.

Wichtige Hinweise

  • Nicht gespeicherte Aenderungen gehen verloren. Beim Neuladen der Seite werden alle ungespeicherten Bearbeitungen am Inhalt verworfen. Speichern Sie daher zuerst Ihre Inhalte, bevor Sie die Breakpoints aendern.
  • Ungueltige Werte werden korrigiert. Wenn Sie ungueltige oder widerspruechliche Breakpoint-Werte eingeben, werden diese moeglicherweise automatisch auf die Standardwerte zurueckgesetzt.
  • Website-weite Einstellung. Breakpoint-Aenderungen gelten fuer die gesamte Website und nicht nur fuer einzelne Seiten oder Beitraege.

Wann Sie die Breakpoints ueberpruefen sollten

„Nur die Tablet-Darstellung ist fehlerhaft"

  • Ueberpruefen Sie die Obergrenze des TB-Breakpoints. Moeglicherweise ueberschneidet sie sich mit dem MD-Bereich.
  • Reorganisieren Sie die Werte von MD, TB und SP so, dass die Bereiche eindeutig voneinander abgegrenzt sind.

„Aenderungen werden nach dem Bearbeiten nicht uebernommen"

  • Haben Sie nach dem Klicken auf Save die Seite neu geladen? Ohne Neuladen werden die neuen Breakpoints nicht angewendet.
  • Speichern Sie vor dem Neuladen alle anderen Bearbeitungen am Inhalt, da diese sonst verloren gehen.

Verwandte Einstellungen