header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Wix Editor: Über den Mobile-Editor

10 min
In diesem Artikel
  • Den Mobile-Editor verwenden
  • Ausgeblendete Desktop-Elemente
  • Deine Mobile-Ansicht anpassen
  • Mobile-Only-Elemente hinzufügen
  • Mobile-Funktionen
Möchtest du, dass deine Website auch auf Mobilgeräten gut aussieht? Verwende den Mobile-Editor, um eine Mobile-Ansicht zu erstellen, die voll funktionsfähig ist und professionell aussieht.
Ändere den Hintergrund, blende Desktop-Inhalte aus und ersetze diese durch Elemente, die nur für Mobilgeräte geeignet sind. Um das Erlebnis noch weiter zu verbessern, kannst du Elemente wie einen „Zurück nach oben“-Button und eine Schnellaktionsleiste hinzufügen.
GIF, das zeigt, wie im Mobile-Editor nach unten gescrollt wird.
Wichtig:

Den Mobile-Editor verwenden

Du kannst den Mobile-Editor jederzeit aufrufen, indem du oben im Editor auf das Symbol für Mobilgerät  klickst.
Screenshot, der den Wechsel zum Mobile im Editor zeigt.
Deine Mobile-Ansicht bildet deine Desktop-Ansicht ab, d. h. sie zeigt dieselben Elemente und Inhalte an. Die Größe deiner Schriftarten, Bilder und Elemente wird automatisch angepasst, um sie für Mobilgeräte zu optimieren und so ein einzigartiges Erlebnis zu gewährleisten.

Das Menü auf der linken Seite

Auf der linken Seite des Editors findest du die Tools, die du benötigst, um deine Ansicht für Mobilgeräte anzupassen. Füge neue Elemente hinzu, navigiere zwischen den Seiten deiner Website und greife sogar auf ausgeblendete Desktop-Elemente zu.
GIF, das zeigt, wie das Menü auf der linken Seite des Editors geöffnet wird.

Ausgeblendete Desktop-Elemente

Wix erstellt automatisch eine mobil-optimierte Ansicht deiner Website, die den Inhalt deiner Desktop-Ansicht enthält. Dabei werden Elemente, die nicht für Mobilgeräte optimiert sind, automatisch ausgeblendet (z. B. Mouseover-Effekte, Drittanbieter-Apps und mehr).
Klicke auf der linken Seite des Editors auf das Symbol für Ausgeblendete Elemente , um diese Elemente zu sehen. Wenn es zusätzliche Elemente gibt, die du nicht auf Mobile anzeigen möchtest, kannst du sie nach Belieben ein- und ausblenden.
Screenshot von ausgeblendeten Elementen im Editor auf dem Desktop.

Deine Mobile-Ansicht anpassen

Mit dem Mobile-Editor hast du die volle kreative Freiheit bei der Anpassung deiner Website für Mobilgeräte. Du kannst kleine Anpassungen vornehmen und das gleiche Erscheinungsbild wählen oder ein anderes Design nur für Mobilgeräte erstellen. Die Designänderungen, die du für die mobile Ansicht vornimmst, wirken sich nicht auf deine Desktop-Version aus.
Klicke auf den jeweiligen Abschnitt, um zu erfahren, wie es funktioniert:

Mobile-Only-Elemente hinzufügen

Mit dem Mobile-Editor kannst du beliebig viele Elemente zu deiner Mobile-Ansicht hinzufügen. Diese Elemente sind vollständig für Mobilgeräte optimiert, sodass du dir keine Sorgen um die Größe machen musst. Du kannst Text, Bilder, Buttons, Einbettungen und vieles mehr direkt über das Hinzufügen-Panel hinzufügen.
Screenshot, der zeigt, wie du Mobile-Only-Elemente hinzufügen kannst.
Elemente, die du zur Mobile-Ansicht hinzufügst, werden nicht auf der Desktop-Version deiner Website angezeigt. Mobile-Only-Elemente sind mit einem Symbol  gekennzeichnet, damit du leicht verstehst, was wo angezeigt wird.
Screenshot eines Mobile-Only-Elements.
Tipp:
Mobile-Only-Elemente können nicht im Desktop-Editor eingefügt werden. Du kannst Elemente zum Desktop-Editor mit dem Hinzufügen-Panel hinzufügen.

Mobile-Funktionen

Das Panel für Mobile-Funktionen bietet nützliche Funktionen, die die Interaktion erhöhen und die Website-Navigation auf Mobilgeräten viel einfacher macht. 
Füge einen Willkommensbildschirm hinzu, um deine Besucher zu begrüßen, eine Schnellaktionsleiste, um sie zum Handeln zu animieren, und einen Zurück-nach-oben-Button am unteren Rand langer Seiten. Für Besucher, die Chrome auf Android verwenden, kannst du auch die Farbe des Browser-Designs ändern lassen, sobald sie deine Website besuchen.
Möchtest du lieber die Desktop-Version behalten?
OSZAR »