1. Home
  2. Inhalt
  3. Wie funktioniert der Editor der mobilen Ansicht?
  1. Home
  2. Design
  3. Wie funktioniert der Editor der mobilen Ansicht?

Wie funktioniert der Editor der mobilen Ansicht?

Wünschst du dir, dass deine Webseite auch auf Mobilgeräten optimal erscheint? Dann nutze den Mobile-Editor, um eine vollständig funktionsfähige und professionell aussehende mobile Ansicht zu gestalten. Du hast die Möglichkeit, das Layout deiner Seiten für mobile Geräte zu optimieren, diverse Layout-Anpassungen zu machen sowie Desktop-Inhalte auszublenden.

Alle Einstellungen und Änderungen in der Mobile-Ansicht haben keinen Einfluss auf die Desktopversion.

Wichtigste Punkte

  • Eine mobile Version deiner Website wird automatisch anhand der Desktopversion erstellt und muss nicht von Grund auf neu erstellt werden.
  • Der Inhalt wird (laufend) von der Desktopversion übernommen und kann nicht verändert werden (z.B. Bildmotive können nicht gewechselt oder Texte geändert werden). Auch das Menü wird automatisch generiert.
  • Grundsätzlich werden mehrspaltige Layouts in ein einspaltiges Layout konvertiert (kann über die Einstellungen eines Elements auch noch geändert werden) und alle Elemente untereinander gelistet.
  • Auch wenn das Layout automatisch generiert wird, schaue nochmals alle Seiten durch, bevor du deine Website veröffentlichst. Es kann sein, dass du einzelne Elemente ausblenden (Zwischenabstand) oder die Reihenfolge ändern möchtest, damit es auf Mobile besser aussieht. Auch Farbanpassungen können notwendig sein.

Wie wechsle ich in die mobile Ansicht?

Wechsle im Editor-Menü über das Mobile-Symbol oben rechts zur mobilen Ansicht.

Das Logo wird als einziges Element nicht von der Desktop-Version übernommen und muss auf Mobile nochmals separat hochgeladen oder gestaltet werden.

Elemente ausblenden

  • Links wird eine Liste mit den einzelnen Abschnitten und Elementen angezeigt, welche auf der Seite verwendet werden.
  • Mit Klick auf das Augen-Symbol kannst du einzelne Elemente oder gar ganze Abschnitte ein- oder ausblenden.

    Hinweis: Unter Suchmaschinen-Aspekten ist die Ausblendung von Abschnitten nicht sinnvoll, da relevante Inhalte nicht ersichtlich sein können, was sich negativ auf die Suchmaschinenindexierung auswirkt. Zudem können unterschiedliche Desktop- und Mobile-Versionen zu einem schlechteren Rankingergebnis führen. Behalte die Desktop- und Mobile-Ansicht daher möglichst gleich und verändere nur das nötigste.

Reihenfolge ändern

Du kannst die Reihenfolge der Elemente innerhalb eines Inhaltsabschnitts durch Drag-and-Drop ändern.

Element Einstellungen

Design-Einstellungen

Über die Design-Einstellungen können Schriftgrösse und Farbe global für alle (mobile) Seiten definiert werden. Schriftart, Zeilenhöhe und alle weiteren Einstellungen werden von der Desktopversion übernommen.

Überschreibst du manuell die Schriftgrösse oder Farbe auf der Desktop-Seite, wird diese auch genauso auf Mobile übernommen. Überschreibe daher am besten so wenig wie möglich manuell, vorallem nicht die Schriftgrösse.
Siehe: Wieso ist die Schrift auf Mobile so gross?

Mobile Optionen

Über den Button «Mobile Optionen» auf der rechten Seite erhält man weitere Optionen zur Darstellung:

  • Navigations-Hilfen: Aktiviert einen «Zurück nach oben» Button, welcher auf der Inhaltsseite unten rechts angezeigt wird. Bei Klick gelangt man wieder zum Anfang der Seite.

Vorschau

In der mobilen Ansicht kannst du aus einem Dropdown-Menü diverse gängige Smartphone-Modelle auswählen und so prüfen, wie die Webseite auf verschiedenen Geräten ausschaut. An einer Vorschau für Tablets wird gearbeitet.

Ändere links in der Liste die Reihenfolge oder blende einzelne Elemente ein oder aus. Öffne Einstellungen zu einem Element über das Zahnrad-Symbol, wie auf der Desktop-Version.
Zuletzt aktualisiert am 13. April 2023

War dieser Artikel hilfreich?

Ähnliche Themen

Benötigst du Support?
Deine Lösung steht noch nicht in den FAQ? Keine Sorge, wir sind für dich da.
Kontaktiere uns!