Mit dem Mobile-Editor kannst du Elemente hinzufügen, die exklusiv für deine Mobile-Website sind. Füge Text, Bilder, Buttons, Einbettungen und andere Elemente hinzu, die für kleine Bildschirme optimiert sind.
Da Mobile-Only-Elemente nicht auf deiner Desktop-Website erscheinen, kannst du sie nach deinen Wünschen gestalten, das Layout anpassen und sie zur einfachen Bearbeitung duplizieren. Dies ermöglicht es dir, Desktop-Elemente zu ersetzen, die für Mobile nicht geeignet sind, oder für Mobile ein komplett anderes Design zu erstellen.
Wie greife ich auf den Mobile-Editor zu?
Du kannst jederzeit auf den Mobile-Editor zugreifen, indem du oben im Editor auf das Symbol für Mobile
klickst.
Erfahre mehr:
Mobile-Only-Elemente hinzufügen
Füge Mobile-Only-Elemente hinzu, um deine Website vollständig für Besucher mit Mobilgeräten anzupassen. Füge Elemente wie Text, Bilder, Buttons und mehr direkt über das Hinzufügen-Panel im Mobile-Editor hinzu.
Klicke unten auf eine Option, um mehr über die verfügbaren Elementtypen zu erfahren:
Verwende Text für Informationen und Ankündigungen oder erzähle einfach deine Geschichte.
Die folgenden Textarten sind für Mobile verfügbar:
- Textvorlage: Dieser Text wurde speziell für das Aussehen und das Thema deiner Website ausgewählt. Er enthält sowohl Überschriften als auch Textabschnitte. Somit hast du alles, was du brauchst.
- Titel: Diese Textarten sind eine großartige Möglichkeit, die Aufmerksamkeit deiner Besucher zu erregen. Sie sollten als Seiten- oder Abschnittsüberschriften auf deiner mobilen Website verwendet werden.
- Textabschnitte: Verwende diese Textarten für Absätze oder Textblöcke auf deiner Website. Sie werden im Allgemeinen für die meisten Inhalte deiner Website verwendet.
Stelle die Inhalte auf deiner Website mit Bildern dar, einschließlich Produkte, Fotografie oder einfach deinen Alltag.
Folgende Bildtypen kannst du auf Mobile hinzufügen:
- Meine Dateien: Wähle Dateien aus, die du bereits auf deine Website hochgeladen hast, oder lade neue Dateien hoch, indem du auf Medien hochladen klickst.
- Bildersammlungen: Wähle eines von Hunderten von schönen Stockfotos und Illustrationen von Wix, Shutterstock und Unsplash aus.
- Social-Media-Bilder: Verbinde deine Konten in den sozialen Netzwerken, um Bilder von Plattformen wie Facebook und Instagram anzuzeigen.
Verwende Buttons, um mobile Besucher auf wichtige Informationen und Aktionen hinzuweisen. Du kannst auch die Interaktion deiner Besucher fördern und gleichzeitig deine mobile Website ordentlich und organisiert halten.
Folgende Buttonarten kannst du auf Mobilgeräten hinzufügen:
- Buttonvorschläge: Diese Buttons wurden speziell für deine Website ausgewählt, da sie zur Vorlage und zum Design passen.
- Text- & Symbolbuttons: Diese zeigen sowohl Text als auch ein Symbol auf deinem Button an. Du kannst das Symbol, den Text und den Hintergrund des Buttons ändern.
- Symbolbuttons: Diese Buttons enthalten nur Symbole. Du kannst das Design des Symbols ändern und sogar Animationen hinzufügen.
Verwende dekorative Elemente, um deinen Seiten Spaß und Kreativität zu verleihen. Du kannst Links hinzufügen, um die Interaktion von Website-Besuchern zu fördern, oder sogar Animationen, um deine mobile Website zum Leben zu erwecken.
Es gibt folgende dekorative Elemente, die du auf Mobile hinzufügen kannst:
- Standardformen: Wähle aus einer Reihe von Formen, Pfeilen und Linien aus.
- Vektorgrafiken: Wähle eine aus Hunderten von Illustrationen aus. Vektorgrafiken sind SVG-Dateien. Somit wird die Qualität nicht beeinflusst, wenn die Größe der Grafik geändert wird.
Verwende Boxen, um deine Inhalte ordentlich und durchdacht auf deiner Website anzuzeigen.
Wähle aus einer Reihe von Container-Boxen aus, die zu deiner Website passen. Es gibt eine Vielzahl von Anpassungsoptionen, einschließlich Füllung, Deckkraft und Schatten.
Verwende Social-Media-Tools, um Website-Besucher direkt von ihren mobilen Geräten zu deinen sozialen Netzwerken weiterzuleiten.
Füge eine Social-Leiste hinzu, um alle deine Konten an einem Ort zu sammeln, damit deine Besucher dir einfach in den sozialen Medien folgen können.
Verwende Einbettungen als eine unterhaltsame und persönliche Möglichkeit, Widgets, Dienstleistungen und externe Websites zu präsentieren.
Die folgenden Arten von Einbettungselementen sind für Mobile verfügbar:
- HTML: Zeige Inhalte von externen Servern an, z. B. Kalender- und Wetter-Widgets.
- Websites: Zeige externe Websites auf deiner mobilen Website an, indem du die Adresse eingibst.
- Benutzerdefinierte Elemente: Zeige mit benutzerdefinierten Codeausschnitten auf deiner mobilen Website an, was immer du möchtest.
Mobile-Only-Elemente gestalten
Du kannst deine Elemente mit Designoptionen wie Füllfarbe, Rand und Schatten anpassen. Indem du deine Elemente gestaltest, kannst du deine mobile Website wirklich einzigartig machen und etwas Unterhaltsames und Informatives für deine Besucher schaffen.
Um dein Element zu gestalten:
- Klicke auf das Mobile-Only-Element.
- Klicke auf das Symbol für Design
. - Verwende die verfügbaren Anpassungsoptionen, um dein Element zu gestalten.
Das Layout eines Mobile-Only-Elements anpassen
Ändere das Layout von Elementen, um deine Mobile-Website auszurichten. Das Anpassen deiner Elemente organisiert deine Website und bietet deinen mobilen Besuchern ein reibungsloses Erlebnis.
Um das Layout des Elements zu ändern:
- Klicke auf das Mobile-Only-Element.
- Klicke auf das Symbol für Layout
. - Verwende die verfügbaren Anpassungsoptionen, um das Layout anzupassen.
Mobile-Only-Elemente duplizieren
Du kannst Elemente auf deiner mobilen Website kopieren und einfügen, um schnell und einfach so viele Elemente hinzuzufügen, wie du möchtest.
Um ein Mobile-Only-Element zu duplizieren:
- Klicke mit der rechten Maustaste auf das Element.
- Klicke auf Kopieren.
- Klicke mit der rechten Maustaste auf die Seite/den Streifen.
- Klicke auf Einfügen.
, wenn du darauf klickst.
