Textstile für die mobile Version anpassen

By Mobile Optimierung, Textstile

Mobile Textstile bieten dir einen einfacheren Weg, euren Smartphone-Inhalt zu bearbeiten, ohne dass du mobile Blöcke von dem Desktop Design entkoppeln musst.

Gehe zu der Smartphone-Ansicht und passe einen Textblock ein. In diesem Beispiel haben wir die Zeilenhöhe reduziert, um Platz für Smartphone User zu sparen:

Deine Änderung wird nun in einer blauen Kiste unter dem Stil-Menü erscheinen:

Weitere Änderungen werden auch hier aufgelistet:

Wechsele zurück zu der Desktop Ansicht. Die blaue Kiste ist immer noch unter dem Stil-Menü zu finden, damit du und andere Kollegen an diesen Änderungen erinnert werden.

Um die Text-Anpassungen zurückzusetzen, kannst du oben rechts auf das Pfeil klicken. So setzt du den Textstil auf den von der Desktop-Version zurück.

Wichtig: Für mobile Apps, wie Gmail für IMAP, die die neuen Stilanpassungen nicht unterstützen, kann eine entsprechende Vorschau eingeblendet werden. Du kannst dein Design prüfen, indem du "Vorschau" anklickst, um die Gmail-Vorschau zu öffnen.

Auf einen Blick

Bildbereiche

Bilder

E-Mail-Kampagnen

Erweiterte Design-Techniken

Grafiken und mehr

Hintergründe

HTML Export

Inbox-Vorschau

Klartext-Darstellung

Kreative Tools

Layoutblöcke

Links und Buttons

Mit Text arbeiten

Mobile Optimierung

Retina-Bilder

Tabellen

Teilen

Textstile

Vorbereitung vor dem Senden

Vorschau

Layoutblöcke von der Desktop Version trennen

By Mobile Optimierung

Wenn gewünscht, kannst du dein mobiles Design separat für Smartphone User anpassen, ohne dass die Desktop Version betroffen wird.

Gehe zu der Smartphone Ansicht, um loszulegen:

Wenn du einen Layoutblock trennen willst, ziehe an der Rahmenlinie eines Bildbereichs oder eines Textbereichs. Das folgende Fenster wird nun erscheinen:

Der Block wird nun von der Desktop Version entkoppelt, indem du auf "Entkoppeln" klickst.  Dieser Layoutblock erhält nach der Trennung den Vermerk „Mobil Geändert“. So erkennst du, dass Änderungen an diesem Layoutblock nicht in die Desktop Version übernommen werden.

Wenn du diese Änderungen widerrufen willst, kannst du dein mobiles Design auf die Desktop-Version zurücksetzten, indem du "Bearbeiten" > "Auf Desktop-Version zurücksetzen" anklickst:

Auf einen Blick

Bildbereiche

Bilder

E-Mail-Kampagnen

Erweiterte Design-Techniken

Grafiken und mehr

Hintergründe

HTML Export

Inbox-Vorschau

Klartext-Darstellung

Kreative Tools

Layoutblöcke

Links und Buttons

Mit Text arbeiten

Mobile Optimierung

Retina-Bilder

Tabellen

Teilen

Textstile

Vorbereitung vor dem Senden

Vorschau

Vorschau für mobile Geräte öffnen

By Mobile Optimierung

Nachdem nun die Vorlage für mobile Geräte optimiert wurde, können wir uns eine Vorschau der E-Mail für verschiedene Geräte anzeigen lassen.

Ein Vorschaufenster öffnen

Klicke auf "Vorschau anzeigen" in dem App-Menü. Der Button sieht so aus:

Du wirst nun eine Liste verschiedener mobilen Geräte für die Vorschau sehen:

 

 

Hier kannst du auch ein- und auszoomen:

Bewege den Cursor auf das Display des dargestellten iPhones und scrolle, um die E-Mail komplett zu sehen. Auch in der Apple Watch Vorschau, kannst du durch die E-Mail scrollen. Die Klartext-Ansicht deiner Vorlage kannst du separat erstellen.

Klicke auf den kleinen Button mit dem Pfeil, um das Gerät in die Horizontale zu drehen.

 

 

Auf einen Blick

Bildbereiche

Bilder

E-Mail-Kampagnen

Erweiterte Design-Techniken

Grafiken und mehr

Hintergründe

HTML Export

Inbox-Vorschau

Klartext-Darstellung

Kreative Tools

Layoutblöcke

Links und Buttons

Mit Text arbeiten

Mobile Optimierung

Retina-Bilder

Tabellen

Teilen

Textstile

Vorbereitung vor dem Senden

Vorschau

Text und Links verwenden

By Mobile Optimierung

In der mobilen Version deiner Vorlage kannst du Text und Links genauso verwenden wie in der Desktop Version. Ist ein mobiler Layoutblock nicht von der Desktop Version getrennt, werden alle Änderungen, die du in der mobilen Version vornimmst in die Desktop Version des Layoutblocks übertragen.

 

 

Auf einen Blick

Bildbereiche

Bilder

E-Mail-Kampagnen

Erweiterte Design-Techniken

Grafiken und mehr

Hintergründe

HTML Export

Inbox-Vorschau

Klartext-Darstellung

Kreative Tools

Layoutblöcke

Links und Buttons

Mit Text arbeiten

Mobile Optimierung

Retina-Bilder

Tabellen

Teilen

Textstile

Vorbereitung vor dem Senden

Vorschau

Privacy Settings / Datenschutz-Einstellungen