So verwenden Sie den Responsive-Modus

Verfasst von

in

So verwenden Sie den Responsive-Modus

Seit Version 4.0 können Sie während der Bearbeitung zwischen Desktop-, Tablet- und Smartphone-Ansichten wechseln! Wir nennen dies Responsive-Modus. Im Responsive-Modus passt sich Ihre Website auf eine kleinere Größe an, um zu simulieren, wie Ihre Website auf kleineren Bildschirmen aussehen würde.

Eingeschränkte Bearbeitungsmöglichkeiten

Wenn Sie Ihre Website in der Tablet- oder Smartphone-Ansicht betrachten, verfügen Sie über eingeschränkte Bearbeitungsmöglichkeiten. Damit können Sie NUR Folgendes tun:

  • Text bearbeiten
  • Textstile über die Textformatierungs-Symbolleiste formatieren
  • Einige Abstände von Elementen und Zeilen anpassen *
  • Zeilen auf Tablets oder Smartphones ausblenden

* PBS wendet einige responsive Formatierungen auf Ihre Elemente und Zeilen an, daher können einige Abstände nicht angepasst werden.

Hier sind einige Dinge, die Sie nicht tun können:

  • Elemente hinzufügen, entfernen oder verschieben
  • Elementeigenschaften anzeigen
  • Größe von Bildern, Symbolen, Zeilen und anderen größenveränderbaren Elementen anpassen

Abstände für bestimmte Bildschirmgrößen anpassen

Wenn Sie Ihre Website in der Tablet- oder Smartphone-Ansicht betrachten, werden alle von Ihnen vorgenommenen Abstandsanpassungen nur auf die aktuelle Ansicht und auf die kleinere Ansicht angewendet. Auf diese Weise können Sie Ihre Designs optimieren, damit sie auf kleineren Bildschirmen besser aussehen – unabhängig von der vollständigen Desktop-Version.

Hier ist ein Beispiel zur Verdeutlichung.

  1. Wenn Sie Ihre Website im Tablet-Modus anzeigen und die Abstände einer Überschrift anpassen, wird diese Anpassung nur auf Tablet-Bildschirmen wirksam. Dies wird auch auf Smartphone-Bildschirme angewendet. Wenn Sie zum Desktop-Modus zurückkehren, wird der ursprüngliche Abstand wiederhergestellt.
  2. Wenn Sie nun in den Smartphone-Modus wechseln und denselben Abstand nochmals anpassen, gilt diese Anpassung nur für Smartphone-Bildschirme. Anschließend haben Sie für Desktops, Tablets oder Smartphones jeweils unterschiedliche Abstände.

Dies gilt nur für Abstandsanpassungen; Textänderungen oder Änderungen des Textstils werden auf alle Bildschirmgrößen angewendet.

Inhalte auf Tablet- oder Smartphone-Größen ausblenden

Bei der Anzeige in der Tablet- oder Smartphone-Ansicht erhalten Ihre Zeilen eine neue „Auge“-Symbolleistenschaltfläche, die angezeigt wird, wenn Sie mit der Maus darüberfahren. Wenn Sie darauf klicken, können Sie die Zeile für die aktuelle Bildschirmgröße ein- oder ausblenden.

Ausgeblendete Zeilen werden beim Bearbeiten leicht transparent dargestellt, um anzuzeigen, dass sie nach Abschluss der Bearbeitung ausgeblendet sein werden.

Beachten Sie, dass diese Funktion nur für Zeilen verfügbar ist.