Bausteine und Seiten in der Vorschau ansehen
In der Vorschau siehst du, wie deine Bausteine und Seiten auf der Website aussehen, bevor du sie veröffentlichst. Die Vorschau zeigt dir das endgültige Design mit allen Einstellungen – genau wie später im Live-Betrieb.
Voraussetzungen
Du hast eine Website angelegt und mindestens eine Seite mit Bausteinen erstellt oder möchtest einen Baustein testen.
So gehst du vor
Die Vorschau lädt automatisch und zeigt dir deine Inhalte je nachdem, wo du dich befindest:
Einzelne Bausteine testen – Wenn du einen Baustein im Editor bearbeitest, öffne die Vorschau direkt vom Editor aus. Du siehst nur diesen einen Baustein mit den Einstellungen, die du gerade vornimmst. So kannst du sofort sehen, wie deine Änderungen wirken.
Ganze Seiten anschauen – Wenn du eine komplette Seite mit Kopfbereich, Inhalt und Fußbereich sehen möchtest, öffne die Seitenvorschau. Die Vorschau zeigt dir alle Bausteine in ihrer endgültigen Anordnung und mit deinem Website-Design.
Mit Website-Einstellungen arbeiten – Die Vorschau übernimmt automatisch deine Website-Einstellungen wie Farben, Schriften, Logo und Navigation. Alle Bausteine werden damit dargestellt, so dass du genau siehst, wie sie später aussehen.
Die Vorschau ist schreibgeschützt – du kannst hier nichts anklicken oder ändern. Um einen Baustein zu bearbeiten, gehe zurück zum Editor.
Aufbau der Vorschau
Die Seite zeigt deine Website oder einen Baustein in einem isolierten Fenster. Der Hintergrund und die Anordnung entsprechen deinen Website-Einstellungen. Am oberen Rand erscheinen Navigation und Kopfbereich (sofern vorhanden), darunter der Inhalt und am unteren Ende der Fußbereich.
Wenn ein Baustein auf deiner Seite deaktiviert ist, siehst du an seiner Stelle die Meldung „Deaktiviert".
Was danach passiert
Die Vorschau aktualisiert sich automatisch, wenn du im Editor Änderungen machst und speicherst. So siehst du live, wie deine Anpassungen aussehen. Sobald du mit dem Ergebnis zufrieden bist, veröffentlichst du die Seite oder den Baustein über die Schaltfläche im Editor.
Welche Bausteine es gibt und wie du sie einrichtest, erfährst du unter Block auf einer Seite einrichten (Blockkatalog).
Tipps und Hinweise
- Die Vorschau ist kein fertiges Bild, sondern ein interaktiver Test – achte besonders auf die Reihenfolge der Bausteine, fehlende Inhalte und wie Text und Bilder zusammenpassen.
- Prüfe in der Vorschau auch, wie deine Seite auf Mobilgeräten aussieht. Viele Browser bieten einen Modus, um dies zu testen.
- Deaktivierte Bausteine erscheinen in der Vorschau grau gekennzeichnet – sie werden auf der Live-Website nicht angezeigt, tauchen aber hier auf, damit du weißt, dass es sie gibt.
- Nach dem Speichern von Änderungen im Editor kann es einen Moment dauern, bis die Vorschau sich aktualisiert. Warte kurz oder aktualisiere die Seite manuell.