Zwischen Mobil- und Desktop-Vorschau wechseln
Wechsle zwischen Mobil- und Desktop-Ansicht, um zu sehen, wie deine Hochzeitswebsite auf verschiedenen Geräten aussieht.
Deine Hochzeitswebsite passt sich automatisch an verschiedene Bildschirmgrößen an. Die Baukasten-Vorschau ermöglicht dir, zwischen Desktop- und Mobilansicht zu wechseln, damit du genau sehen kannst, wie deine Website auf Smartphones, Tablets und Computern aussieht.
Vorschau umschalten
Schau im Baukasten in die untere rechte Ecke des Vorschaubereichs
Klicke auf den Geräte-Button (zeigt mehrere Geräte)
Die Vorschau wechselt zur Mobilansicht
Die Seiten-Tabs zeigen Mobilvorschau an, um den Mobilmodus anzuzeigen.
Zurück zur Desktop-Ansicht
Klicke erneut auf das Geräte-Symbol, um zur Desktop-Vorschau zurückzukehren. Das Label Mobilvorschau verschwindet.
Was sich in der Mobilansicht ändert
Wenn du zur Mobilvorschau wechselst, siehst du:
Schmaleres Layout — Inhalte werden vertikal gestapelt, um auf Smartphone-Bildschirme zu passen
Angepasste Navigation — Das Menü kann sich zu einem Hamburger-Symbol zusammenklappen
Responsive Bilder — Bilder skalieren sich, um auf kleinere Bildschirme zu passen
Optimierter Text — Schriftgrößen passen sich für die Lesbarkeit auf Mobilgeräten an
Warum beide Ansichten prüfen
Die meisten deiner Hochzeitsgäste werden deine Website auf ihrem Smartphone besuchen. Das Wechseln zwischen den Ansichten hilft dir:
Sicherzustellen, dass Inhalte auf allen Geräten gut aussehen
Zu prüfen, ob Text auf kleinen Bildschirmen lesbar ist
Zu überprüfen, ob Bilder auf Mobilgeräten korrekt angezeigt werden
Sicherzustellen, dass Buttons und Links leicht zu tippen sind
Zu sehen, wie sich dein Navigationsmenü anpasst
Design-Tipps für Mobilgeräte
Während du deine Website erstellst, wechsle zur Mobilvorschau und prüfe:
Bildgrößen — Große Bilder sollten auch verkleinert gut aussehen
Textlänge — Lange Absätze sind auf Smartphones schwerer zu lesen
Button-Platzierung — Stelle sicher, dass Buttons leicht mit dem Daumen zu tippen sind
Abschnittsabstände — Manche Abstände können auf Mobilgeräten anders aussehen
Mobilvorschau mit Vollbildmodus
Du kannst die Mobilvorschau mit dem Vollbildmodus kombinieren:
Klicke auf das Geräte-Symbol, um zur Mobilansicht zu wechseln
Klicke auf Vollbild, um die Mobilvorschau zu maximieren
Sieh dir deine mobile Website detaillierter an
Tipps
Prüfe die Mobilansicht für jede Seite. Schau dir nicht nur die Startseite an — klicke durch alle Seiten-Tabs im Mobilmodus.
Mobil kommt für die meisten Gäste zuerst. Auch wenn du hauptsächlich am Desktop gestaltest, prüfe immer die Mobilansicht, bevor du Änderungen veröffentlichst.
Teste die Navigation sorgfältig. Stelle sicher, dass Gäste alle deine Seiten auf Mobilgeräten leicht finden und aufrufen können.
Verwandte Artikel