Website in der Vorschau ansehen
Du siehst hier, wie deine Website aufgebaut ist und wie sie aussieht – sowohl während du sie bearbeitest als auch wenn deine Besucher sie öffnen. Die Vorschau zeigt dir jeden Block an seinem Platz, damit du überprüfen kannst, ob alles so wirkt, wie du es dir vorgestellt hast.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen. Du brauchst lediglich Zugriff auf deine Website in weboffice digital.
Aufbau der Website
Eine Website besteht aus mehreren Bereichen, die übereinander angeordnet sind:
- Kopfbereich: Enthält üblicherweise dein Logo, die Navigation und weitere Orientierungselemente – wird oben auf jeder Seite angezeigt.
- Hauptinhaltsbereich: Hier stehen alle Blöcke, die du für diese Seite hinzugefügt hast. Aktivierte Blöcke werden normal angezeigt; deaktivierte Blöcke sind mit einem Hinweis gekennzeichnet.
- Fußbereich: Wird unten auf jeder Seite angezeigt und enthält typischerweise Kontaktdaten, rechtliche Links oder weitere Navigation.
Die Website wird in verschiedenen Situationen unterschiedlich angezeigt:
- Vorschau während der Bearbeitung: Du siehst deine Website mit den aktuellen Änderungen, bevor sie online gehen.
- Öffentliche Website: Die fertige Website, wie deine Besucher sie sehen – mit allen Designeinstellungen, SEO-Daten und Geschäftsinformationen.
- Einzelblock-Vorschau: Du kannst einen einzelnen Block isoliert ansehen, um zu prüfen, wie er wirkt.
So gehst du vor
Öffne die Website, die du ansehen möchtest. Je nachdem, wo du bist, wird die Vorschau automatisch geladen – entweder für eine bestimmte Seite oder für die gesamte Website.
Schaue dir den Aufbau an: Der Kopfbereich wird oben angezeigt, der Hauptinhaltsbereich in der Mitte mit allen deinen Blöcken, und der Fußbereich unten.
Überprüfe, welche Blöcke aktiviert sind. Sichtbare Blöcke werden normal dargestellt. Blöcke, die du deaktiviert hast, zeigen stattdessen einen Hinweis mit dem Wort „Deaktiviert" an – sie sind auf der öffentlichen Website nicht zu sehen.
Wenn du einen einzelnen Block genauer prüfen möchtest, kannst du ihn isoliert in einer Vorschau anschauen, ohne die übrigen Blöcke zu sehen.
Überprüfe die Darstellung auf verschiedenen Bildschirmgrößen. Die Website passt sich automatisch an Handy, Tablet und Desktop an – achte darauf, dass alles gut aussieht.
Beachte, dass die Website automatisch deine hinterlegten Informationen nutzt:
- Designeinstellungen: Farben, Schriften und Layout-Variante (z. B. Navigation oben oder links)
- SEO-Angaben: Meta-Titel, Meta-Beschreibung und Bilder für Social Media
- Geschäftsdaten: Öffnungszeiten und Kontaktinformationen deines Unternehmens, falls vorhanden
Was danach passiert
Die Website wird live angezeigt, wie sie deine Besucher sehen werden. Alle aktivierten Blöcke sind sichtbar, deaktivierte Blöcke werden ausgeblendet. Die Website nutzt automatisch alle deine Designeinstellungen, SEO-Daten und Geschäftsinformationen.
Danach folgen üblicherweise diese nächsten Aufgaben:
- Seiten verwalten, um neue Seiten hinzuzufügen oder bestehende zu bearbeiten
- Block auf einer Seite einrichten (Blockkatalog), um einzelne Inhaltsblöcke zu gestalten
- Website veröffentlichen, um deine Änderungen online zu bringen
Tipps und Hinweise
- Deaktivierte Blöcke: Sie erscheinen in der Vorschau grau mit dem Hinweis „Deaktiviert". Das bedeutet, dass sie auf der öffentlichen Website nicht sichtbar sind. Du kannst sie jederzeit wieder aktivieren.
- Responsive Design: Die Website passt sich automatisch an Handy, Tablet und Desktop an. Überprüfe in der Vorschau, ob die Inhalte auf allen Bildschirmgrößen gut aussehen.
- Vererbung von Einstellungen: Viele Einstellungen wie Schriftarten, Farben und Navigation werden auf Website-Ebene definiert und gelten für alle Seiten – es sei denn, eine einzelne Seite hat abweichende Einstellungen.