Webseite in verschiedenen Geräteansichten prüfen – Desktop, Tablet und Handy im Überblick
In diesem Tutorial lernst du, wie du deine Webseite auf Desktop, Tablet und Handy prüfst, zwischen öffentlicher Ansicht und Bearbeitungsmodus wechselst und sicherstellst, dass deine Inhalte auf allen Geräten optimal angezeigt werden.
Webseite in verschiedenen Geräteansichten prüfen
In diesem Tutorial erfährst du, wie du deine Webseite in unterschiedlichen Geräteansichten testen kannst – zum Beispiel auf dem Pad oder auf dem Handy. So siehst du direkt, wie dein Design auf allen Geräten wirkt.
Zwischen Geräteansichten wechseln
Oben rechts findest du mehrere Buttons, mit denen du zwischen den verschiedenen Ansichten wechseln kannst. Aktuell befindest du dich vielleicht in der Desktop-Landscape-Ansicht. Probiere aus, wie deine Webseite im Pad-Portraitmodus, im Pad-Landscapemodus oder auf dem Handy angezeigt wird – sowohl im Quer- als auch im Hochformat.
Öffentliche Ansicht und Bearbeitungsmodus
Unterhalb des Desktop-Monitors befindet sich eine weitere wichtige Ansicht: der gestreifte Desktop-Monitor. Mit diesem Button kannst du zwischen der öffentlichen Ansicht und dem Bearbeitungsmodus wechseln.
Unterschiede zwischen Bearbeitungsmodus und öffentlicher Ansicht
Im Bearbeitungsmodus siehst du alle Edit-Buttons und Menüpunkte, die nur intern verfügbar sind. Wenn du zur öffentlichen Ansicht wechselst, verschwinden diese Elemente. Du siehst dann die Webseite so, wie Besucher sie sehen – ohne Bearbeitungsfunktionen. Ein deutlicher Hinweis dafür ist der sichtbare Cookie-Hinweis unten auf der Seite.
Ansichten auf verschiedenen Geräten prüfen
Du kannst auch innerhalb der öffentlichen Ansicht testen, wie deine Webseite auf einem Phone oder Pad dargestellt wird. So stellst du sicher, dass Menüs, Texte und Bilder überall optimal angezeigt werden.
Zurück in den Bearbeitungsmodus
Wenn du wieder Änderungen vornehmen möchtest, klicke einfach auf den gestreiften Monitor. Damit gelangst du zurück in den Bearbeitungsmodus und kannst die Schnell-Edit-Buttons wieder verwenden.
Tipp: Überprüfe regelmäßig die Darstellung deiner Webseite in verschiedenen Ansichten, um sicherzustellen, dass sie auf allen Geräten perfekt aussieht.
UKK
mitä asiakkaat meiltä usein kysyvät
Wie kann ich meine Webseite in verschiedenen Geräteansichten prüfen?
Du kannst deine Webseite direkt im Editor in unterschiedlichen Geräteansichten testen – zum Beispiel auf dem Pad oder auf dem Handy. So erkennst du sofort, wie dein Design auf allen Geräten dargestellt wird.
Wo finde ich die Schaltflächen zum Wechseln der Ansichten?
Oben rechts im Editor befinden sich Buttons, mit denen du zwischen den Geräteansichten wechseln kannst. Probiere aus, wie deine Webseite im Pad-Portraitmodus, im Pad-Landscapemodus oder auf dem Handy aussieht – sowohl im Hoch- als auch im Querformat.
Was bedeutet der gestreifte Desktop-Monitor unterhalb der Ansicht?
Der gestreifte Desktop-Monitor ist ein Symbol, mit dem du zwischen der öffentlichen Ansicht und dem Bearbeitungsmodus wechseln kannst. Damit kannst du jederzeit prüfen, wie deine Seite für Besucher aussieht.
Was ist der Unterschied zwischen Bearbeitungsmodus und öffentlicher Ansicht?
Im Bearbeitungsmodus siehst du alle Edit-Buttons und Menüpunkte, die nur intern verfügbar sind. In der öffentlichen Ansicht verschwinden diese, sodass du deine Webseite so siehst, wie sie für Besucher erscheint. Erkennbar ist das unter anderem am eingeblendeten Cookie-Hinweis.
Kann ich auch in der öffentlichen Ansicht die Geräteansicht wechseln?
Ja, du kannst in der öffentlichen Ansicht ebenfalls prüfen, wie deine Webseite auf einem Phone oder einem Pad dargestellt wird. So kannst du sicherstellen, dass alle Inhalte auf mobilen Geräten optimal angezeigt werden.
Wie kehre ich in den Bearbeitungsmodus zurück?
Wenn du wieder Änderungen vornehmen möchtest, klicke einfach auf den gestreiften Monitor. Damit wechselst du zurück in den Bearbeitungsmodus und kannst erneut die Schnell-Edit-Buttons verwenden.