Vorschau-Ansichten
Mit dem Hoststar Designer können Sie eine geänderte Seite mit einem Mausklick in einer Live-Vorschau ansehen. Dies jederzeit und nach jedem Arbeitsschritt und sowohl als Desktop-, Tablet- und Smartphone-Ansicht.
Nachdem Sie sich in den «Designer eingeloggt» haben, befinden Sie sich auf der Startseite im Designer-Editor und somit im Bereich «Baukasten». Gehen Sie wie folgt vor:
1. Editor
Sie befinden sich auf der Startseite im Designer-Editor.
![](https://www.hoststar.ch/sites/default/files/support/produkte/designerX/verwenden/xverwenden-vorschau-home-seite-editor.jpg.pagespeed.ic.1UFlPTTNKH.jpg)
2. Button
Klicken Sie auf den Vorschau-Button (Monitor-Icon) im blauen oberen Balken rechts.
![](https://www.hoststar.ch/sites/default/files/support/produkte/designerX/verwenden/xverwenden-vorschau-button-nicht-veroeffentlicht.jpg.pagespeed.ic.nTji6Uo2DU.jpg)
3. Vorschau-Ansicht
Sie werden umgehend auf die Vorschau-Ansicht umgeleitet. Standardmässig auf die Desktop-Ansicht. Sie können nun die Seite, die Inhalte inkl. aller Links (auch Menü) testen.
Sämtliche Bearbeitungselemente innerhalb des Seiteninhaltes sind ausgeblendet.
![](https://www.hoststar.ch/sites/default/files/support/produkte/designerX/verwenden/xverwenden-vorschau-ansicht.jpg.pagespeed.ic.ihJypfZvoA.jpg)
Sie können die Live-Vorschau in drei verschiedenen Auflösungen anschauen:
- Desktop/Notebook (keine Beschränkung Fenstergrösse zur Darstellung auf einem Computer-Bildschirm)
- Tablet (Simulation der Darstellung in Tablet-Grösse)
- Smartphone (Simulation der Darstellung in Smartphone-Grösse)
![](https://www.hoststar.ch/sites/default/files/support/produkte/designerX/verwenden/xverwenden-vorschau-ansicht-aufloesung.jpg.pagespeed.ic.5YHSWNCOu2.jpg)
3.1 Tablet-Ansicht
Durch einen Klick auf das «Tablet-Symbol» wechselt die Live-Vorschau auf die Tablet-Ansicht.
![](https://www.hoststar.ch/sites/default/files/support/produkte/designerX/verwenden/xverwenden-vorschau-ansicht-tablet.jpg.pagespeed.ic.MaWZCkY4Bb.jpg)
Wenn Sie erneut auf das Symbol klicken, ändert sich die Darstellung vom Hoch- zum Querformat, respektive umgekehrt.
![](https://www.hoststar.ch/sites/default/files/support/produkte/designerX/verwenden/xverwenden-vorschau-ansicht-tablet-drehen.jpg.pagespeed.ic.X-uJ_yA0Lg.jpg)
3.2 Smartphone-Ansicht
Durch Klick auf das «Smartphone-Symbol» wechselt die Live-Vorschau auf die Smartphone-Ansicht.
Wenn Sie erneut auf das Symbol klicken, ändert sich die Darstellung vom Hoch- zum Querformat, respektive umgekehrt.
![](https://www.hoststar.ch/sites/default/files/support/produkte/designerX/verwenden/xverwenden-vorschau-ansicht-smartphone.jpg.pagespeed.ic.rDq1LMVqU5.jpg)
4. Zurück zum Editor
Um wieder auf die Startseite des Designer-Editors zu gelangen, klicken Sie oben links auf «Vorschau» oder das «Pfeil-Icon».
![](https://www.hoststar.ch/sites/default/files/support/produkte/designerX/verwenden/xverwenden-vorschau-ansicht-editor-button.jpg.pagespeed.ic.PMBA71q8V-.jpg)