Der Herold Websitebuilder sorgt nach der Veröffentlichung automatisch dafür, dass Ihre Website auf mobilen Geräten gut aussieht, sofern die mobile Ansicht aktiviert ist.
In diesem Artikel erklären wir, wie Sie die Anordnung der Komponenten direkt im Editor der mobilen Ansicht anpassen können, egal ob Sie einem Bild den Vorrang vor Text geben wollen oder umgekehrt.
Wo finde ich den Editor für die mobile Ansicht?
Greifen Sie auf den Editor für die mobile Ansicht zu, indem Sie auf das Handy-Symbol in der Leiste am oberen Bildschirmrand klicken. Um zurück zur Desktop-Ansicht zu wechseln, klicken Sie auf das Desktop-Symbol, das an derselben Stelle angezeigt wird.
Wie verwende ich den Editor für die mobile Ansicht?
Falls Sie die Funktion in Websitebuilder nutzen, die die mobile Ansicht optimiert, sollten Sie auf Folgendes achten:
- Die mobile Ansicht muss aktiviert sein, um die Optimierungsfunktion nutzen zu können. Verwenden Sie den Schalter in der unteren linken Ecke, um es zu aktivieren, wenn es derzeit deaktiviert ist.
- Änderungen, die Sie hier vornehmen, wirken sich nicht auf die Reihenfolge der Komponenten in der Desktop-Ansicht aus.
- Verwenden Sie die Pfeile auf der rechten Seite, um Komponenten nach oben oder unten zu verschieben, oder verwenden Sie die Maus zum Ziehen und Platzieren.
- Komponenten, die auf einem Bild oder in derselben Box platziert werden, bilden einen Container und können nicht getrennt werden. Sie können den gesamten Container nach oben und unten verschieben oder Komponenten innerhalb des Containers verschieben.
- Wenn sich eine Komponente am unteren Rand befindet und einen blauen Rahmen mit einem Vorhängeschloss hat, bedeutet dies, dass sie Teil des Templates ist und am unteren Rand fixiert ist. Sie können dieses Verhalten in den Eigenschaften der Komponente im Editor der Desktop-Ansicht ändern.
- Wenn eine Komponente im Editor für die mobile Ansicht fehlt, ist sie wahrscheinlich in der mobilen Ansicht ausgeblendet. Um dies zu ändern, verwenden Sie das Symbol “Verborgene Elemente“ auf der linken Seite im Editor für die mobile Ansicht.
- Sie können die aktive Seite Ihrer Website über das Menü „Seiten“ in der Leiste am oberen Bildschirmrand ändern, genau wie im Editor der Desktop-Ansicht.
- Gehen Sie zur Vorschau, falls Sie durch Ihre Seite navigieren wollen und prüfen wollen, wie es sich sowohl in der mobilen, als auch in der Desktop-Ansicht verhält.