Startseite

Erstellen einer HTML-Email-Signatur für Apple Mac OS X

Dmitirj Menchinskiy

Wenn Sie eine benutzerdefinierte HTML-E-Mail-Signatur für Mail auf Mountain Lion erstellen möchten, bleibt die HTML-Programmierung gleich, die Installation hat sich aber etwas verändert. Folgen Sie dieser Anleitung, um eine HTML-E-Mail-Signatur-Datei zu erstellen und diese in die neue Version auf Mountain Lion OS X 10.8 zu installieren.

 

Schritt 1

HTML / CSS entwerfen

html-email-signatur-design-logo-werbung-duesseldorf-webseite

Bevor wir anfangen, ein Paar einfache, aber wichtige Hinweise, die Sie am besten beim Entwerfen einer Signatur im Auge behalten sollten. Ein großes Hindernis bei der HTML-E-Mail-Vorlagen-Gestaltung ist, dass es buchstäblich Dutzende von verschiedenen E-Mail-Clients gibt, so dass Sie das Design und Codes so schlicht und einfach wie nur möglich halten müssen.

Verwenden Sie Tabellen für das Grundlayout. Die CSS-Spezifikationen werden von Google Mail oder Outlook nicht unterstützt, somit sind die CSS-Layouts unpraktisch.


Verwenden Sie Inline-CSS. Der Style-Tag wird von Google Mail nicht unterstützt, und die Unterstützung von CSS-Selektoren ist nicht ganz sauber.


Verwenden Sie nur grundlegende CSS-Eigenschaften. E-Mail-Clients sind in der Regel sehr wählerisch und unterstützen nicht alle Eigenschaften. Campaign Monitor hat dazu eine gute Zusammenfassung.


Verwenden Sie absolute URLs. Relative Pfade sind für eine Email-Signatur nicht geeignet. Also müssen alle Ihre Links absolute URLs sein.


Bildlink in der Signatur.  E-Mail-Signatur-Bild als Anhang kann oft fehlerhaft sein, besser ist es mit Verknüpfungen zu arbeiten.

 

Freigeben und Kopieren des HTML-Codes in Safari

Öffnen Sie Ihre HTML-E-Mail-Signatur-Datei mit Safari. > Safari / Einstellungen > Auf der Registerkarte „Erweitert“, aktivieren Sie „Menü „Entwickler“ in der Menüleiste anzeigen“ > In der Menüleiste von Safari, gehen Sie zu Entwickeln um HTML Code freizugeben > Wählen Sie alle HTML-Codes und kopieren Sie diese.

 

html-email-signatur-design-logo-werbung-duesseldorf-webseite-logo-

email-signatur-design-mittelstand-signatur-kontakt-email-design-duesseldorf

html-email-signatur-design-logo-werbung-duesseldorf-webseite-design

 

 

 

Bildschirmfoto 2014-09-09 um 10.35.12

 

 

Schritt 2

Signatur-Platzhalter erstellen

In Mail.app öffnen Sie „Einstellungen“ und klicken Sie auf das Tab „Signaturen“. Dort finden Sie 3 Spalten, in der 1. sind Ihre Mail-Box-Konten, in der  2. Ihre benutzerdefinierten Signaturen und in der 3. werden Details ihrer Signatur angezeigt. Erstellen Sie einen neuen Signatur-Platzhalter, indem Sie auf das Plus-Symbol am unteren Rand der 2. Spalte klicken, und benennen Sie es. Ziehen Sie Ihre neue Signatur aus Spalte 2 in die gewünschte Mail-Box in der 1. Spalte und gehen Sie dann auf Signatur wählen am unteren Rand. Finden Sie und wählen Sie Ihre neue Signatur im Drop-Down-Menü. Hinweis: An dieser Stelle werden Sie Ihr HTML-Signatur-Design in der 3. Spalte noch nicht sehen. Verlassen Sie anschließend die 3. Spalte, schließen das Fenster und beenden die Mail.app.

html-email-signatur-design-logo-werbung-duesseldorf-webseite-apple-mail-signatur

 

 

Schritt 3

Signaturen-Ordner öffnen

Auf dem Desktop Drop-Down Menü wählen Sie „Gehe zu“ und halten Sie die Optionstaste, um die versteckten Library-Ordner zu sehen. Sobald der Library-Ordner geöffnet ist, gehen Sie zu: ~/Library/Mail/V2/MailData/Signaturen/.

html-email-signatur-design-logo-werbung-duesseldorf-webseite-apple-email-mac-osx

 

 

Schritt 4

Signatur-Platzhalter Update

html-email-signatur-design-logo-werbung-duesseldorf-webseite-apple-mail-signatur-platzhalter-werben-programmieren

Finden Sie die Signatur, die Sie eben hinzugefügt haben (diese Datei endet mit .mailsignature). Wenn es mehrere Dateien in diesem Ordner gibt, wechseln Sie zur Listen-Ansicht. Die Signatur, die Sie gerade in der Mail.app hinzugefügt haben, sollte die jüngste Datei sein. Wenn Sie die .mailsignature-Datei gefunden haben, öffnen Sie diese mit TextEdit. Sie können Metadaten oben und HTML-Code unten sehen. Löschen Sie HTML-Code (im Bild unten markiert) und lassen Sie die Metainformationen unberührt.

Unter den Metadaten, fügen Sie den HTML-Code Ihrer E-Mail-Signatur ein (Siehe dazu Schritt 1, wie man den HTML-Code des Signatur-Designs in Safari kopieren kann). Drücken Sie Speichern und beenden den TextEdit.

html-email-signatur-design-logo-werbung-duesseldorf-webseite-apple-logo-website-html-css-typo3

 

Schritt 5

Aktualisierte Signaturdatei schützen – ein wichtiger Schritt! 

Dieser Schritt muss richtig ausgeführt werden, damit die Signatur funktioniert, sonst wird die Mail.app die ursprüngliche Version der Signatur anzeigen. Suchen Sie die .mailsignature-Datei, die Sie vor kurzem in Finder aktualisiert haben. Drücken Sie Command + I oder Rechtsklick auf der Datei, um Informationen zu bekommen. Im Informationsfenster, markieren Sie das Kontrollkästchen „Geschützt“.

Eine weitere Möglichkeit, die Datei zu sperren ist, auf den grauen Text rechts neben dem Dateinamen in der Kopfzeile des TextEdit zu klicken. Dropdown-Menü wird sich öffnen und Ihnen die Möglichkeit geben, die Datei zu schützen.

html-email-signatur-design-logo-werbung-duesseldorf-webseite-apple-mail-design-duesseldorf-werbeagentur-editorial-design

 

Schritt 6

Installation prüfen

mail-programm-osx-mavericks-werbeagentur-duesseldorf-design-konzeption

Starten Sie die Mail.app. Wenn Sie auf Compose Mail klicken, sollte ihre neue benutzerdefinierte Signatur automatisch angezeigt werden. Wenn nicht, stellen Sie sicher, dass Sie Schritt 2 korrekt ausgeführt haben. Alle Links werden funktionieren und die Bilder werden auf der Empfängerseite angezeigt, wenn die Quellen richtig sind. Verfassen und senden Sie sich eine Test-E-Mail mit Ihrer neuen Signatur. Wenn die Bilder angezeigt werden, die Links arbeiten und alles so ist, wie es sein sollte, dann haben Sie alles richtig gemacht. Good Job!

p.s. Brauchen Sie Hilfe bei der Gestaltung und Konzeption?
Dann klicken Sie HIER.