Text für Desktop- und Mobilansicht anpassen

Responsive Design sorgt dafür, dass sich deine Website an verschiedene Geräte anpasst und auf großen Desktop-Bildschirmen ebenso gut aussieht wie auf kleinen Mobiltelefonen. Ein wichtiger Aspekt dabei ist die Steuerung der Sichtbarkeit von Inhalten basierend auf der Bildschirmgröße.

Die Funktionen „Auf Mobilgerät ausblenden“ und „Auf Desktop ausblenden“

Mit den Funktionen „Auf Mobilgerät ausblenden“ und „Auf Desktop ausblenden“ kannst du eine wirklich responsive Website erstellen, die allen Nutzern unabhängig von ihrem Gerät ein optimales Erlebnis bietet.

Diese Funktionen ermöglichen es dir, verschiedene Versionen deiner Inhalte zu erstellen und bestimmte Elemente nur auf bestimmten Geräten anzuzeigen. Das ist entscheidend, um die Benutzererfahrung auf jeder Plattform zu optimieren.

Gehen Sie wie folgt vor, um den Text sowohl für die Sichtbarkeit auf Telefonen als auch auf Desktops anzupassen:

1. Rufen Sie Kampagnen auf
2. Klicken Sie auf Bearbeiten
   
   
3. Öffnen Sie die Seite Design
4. E-Mail-Inhalt bearbeiten
   
   
5. Wir erstellen einige ausgeblendete Elemente für jedes Design: Mobilgerät und Desktop.
6. Passe es für die Desktop-Nutzung an (und blende ein Element für die Mobilnutzung aus). Wähle das Element aus, das auf Mobilgeräten gut aussieht.
7. Scrollen Sie nach unten auf die rechte Seite und wählen Sie Auf Desktop ausblenden. So wird sichergestellt, dass dieser spezifische Textblock auf Desktop-Computern nicht sichtbar ist.
8. Speichern
9. Schließen
   
10. Fügen Sie die Text-Box hinzu
    
11. Geben Sie den benötigten Text ein. (Sie können diesen Textblock auch duplizieren und dann die Kopie bearbeiten, um sie mobilfreundlicher zu gestalten, z. B. Schriftgröße und Zeilenabstand anpassen.)
12. Zentrieren Sie den Text
13. Machen Sie die Schriftgröße größer
    
14. Wechseln Sie zur mobilen Version und wählen Sie den duplizierten Textblock (oder ein beliebiges Element) aus, das Sie in der Desktop-Ansicht ausblenden möchten.
15. Blenden Sie den größeren Text für Mobilgeräte aus. So wird sichergestellt, dass dieser spezifische Textblock auf Mobilgeräten nicht sichtbar ist.
    
16. Nutzen Sie die Vorschauoption unten links, um zu prüfen, wie es auf Desktop- und Mobilversionen aussieht:
    
17. Überprüfen Sie beide Versionen, indem Sie hier die Ansicht wechseln:
    

Wichtige Vorteile der Nutzung dieser Funktionen:

• Verbessertes mobiles Erlebnis: Durch das Ausblenden von Desktop-spezifischen Elementen vermeiden Sie Unordnung und sorgen für ein sauberes, benutzerfreundliches mobiles Layout.
• Optimierte Inhalte: Sie können Inhalte für jedes Gerät anpassen und dadurch lesbarer und ansprechender gestalten.
• Schnellere Ladezeiten: Durch das Ausblenden unnötiger Elemente auf Mobilgeräten verbessern Sie die Ladegeschwindigkeit der Seite.
• Erweiterte Kontrolle: Sie haben eine präzise Kontrolle darüber, welche Inhalte auf welchem Gerät angezeigt werden.
  
  Zusammenfassend ermöglichen Ihnen die Funktionen „Auf Mobilgerät ausblenden“ und „Auf Desktop ausblenden“, eine wirklich responsive Website zu erstellen, die allen Nutzern unabhängig von ihrem Gerät ein optimales Erlebnis bietet.