Geräteansicht

Zeige eine Vorschau deiner Website auf dem Mobilgerät an, während du deine Website bearbeitest.

Zuletzt aktualisiert: 10. Januar 2024

Du kannst mit der Geräteansicht eine Vorschau davon erhalten, wie deine Website auf Mobilgeräten angezeigt wird. So kannst du das Responsive Design deiner Website testen, während du diese bearbeitest, und im Handumdrehen Stil-Änderungen vornehmen.

Du kannst die Geräteansicht verwenden, wenn du angemeldet bist und deine Website verwaltest. Besucher können die Geräteansicht nicht sehen.

Video ansehen

Ansicht ändern

Wie du die Ansicht auf einem Computer wechselst, hängt von der Version deiner Website ab.

Klicke auf das Symbol Mobile Vorschau in der oberen rechten Ecke des Seitenvorschaubildes.

Fahren Sie mit Ihrer Maus über den Bereich oberhalb der Website-Vorschau und klicken Sie auf den Pfeil, um die Gerätesymbole anzuzeigen. Klicken Sie auf ein Symbol, um eine Vorschau des Erscheinungsbildes Ihrer Website auf dem entsprechenden Gerät anzuzeigen.

device-view.gif

Während der Bearbeitung einer Seite zeigt Ihnen das Gerätesymbol in der rechten oberen Ecke an, welches Gerät Sie gerade in der Vorschau sehen. Tippen Sie auf das Symbol, um zwischen Smartphone- und Computeransicht zu wechseln. Auf iPads gibt es außerdem ein Symbol für eine Tablet-Ansicht.

Wie funktioniert es?

Die Geräteansicht gibt Ihnen eine allgemeine Vorstellung davon, wie Ihre Website auf einem typischen mobilen Browser angezeigt wird. Die Anzeige ist jedoch nicht bei jedem Mobiltelefon oder Tablet 100 % genau.

Während die Geräteansicht die typische Benutzererfahrung mit einem Mobiltelefon darstellt, sind einige Unterschiede unvermeidbar. So variiert etwa die Fenstergröße von Gerät zu Gerät. Auch das tatsächliche Erscheinungsbild einiger mobiler Features deines Templates kann auf Mobilgeräten von der Geräteansicht abweichen. Nähere Informationen erhältst du im Leitfaden zu deinem Template.

In mobiler Vorschau bearbeiten

So erlangst du Zugriff auf diese Funktion

Die Bearbeitung der mobilen Vorschau wird in Version 7.1 unterstützt.

Klicke in der Geräteansicht oben links auf Bearbeiten, um den Inhalt deiner Website zu bearbeiten und Abschnitte in der mobilen Vorschau zu organisieren. Im Kreativen Editor kannst du dein mobiles Layout unabhängig vom Computer-Layout bearbeiten. Im Klassischen Editor wirkt sich die Bearbeitung deiner mobilen Vorschau auch auf die Computeransicht deiner Website aus.

Mit der mobilen Vorschau-Bearbeitung können Sie Folgendes tun:

  • Bearbeiten von Text in Text-Blöcken
  • Block-Editoren öffnen
  • Verschieben von Blöcken
  • Neue Abschnitte hinzufügen
  • Abschnittstile öffnen
  • Abschnitte nach oben oder unten verschieben
  • Löschen von Blöcken und Abschnitten

Es ist nicht möglich, neue Blöcke hinzuzufügen.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.