|
|
# E-Mail Layout
|
|
|
|
|
|
## Standard Layout
|
|
|
|
|
|
Das E-Mail System besitzt ein eigenes Template Engine Objekt. Jede E-Mail besteht aus 3 Dateien, die [überschrieben werden können](dev/email#e-mail-template-für-ein-projekt-setzen):
|
|
|
1. `header.html`
|
|
|
2. `body.html`
|
|
|
3. `footer.html`
|
|
|
1. `header.html` - beinhaltet `<head>` Bereich und CSS in `<style></style>` Tags. **Achtung: hier befindet sich kein gewöhnlicher Header (mit Logo und Social Icons).**
|
|
|
2. `body.html` - beinhaltet Header (mit Logo und Social Icons) und das den Container für eigentlichen Email Inhalt.
|
|
|
3. `footer.html` - beinhaltet den Footer Bereich und die abschließenden `</body>` und `</html>` Tags.
|
|
|
|
|
|
Die E-Mail Template basiert auf einem [Open Source Projekt Salted](https://github.com/rodriguezcommaj/salted).
|
|
|
|
|
|
## Standard Layout - einfache Emails versenden
|
|
|
|
|
|
Ohne Anpassungen eignet sich das Template für einfache aber dennoch visuell ansprechende Emails, z. B.:
|
|
|
- diverse Administrator Benachrichtigungen,
|
|
|
- Passwort ändern,
|
|
|
- Account bestätigen,
|
|
|
- Kundenmitteilungen,
|
|
|
- alle andere Emails mit Texten, wo wenig HTML Code benutzt wird.
|
|
|
|
|
|
Man muss lediglich das Mail-Body setzen. Ein Beispiel mit 2 Absätzen sieht so aus. Das Logo kommt vom Projekt Settings - es ist das eingestellte Projekt-Logo.
|
|
|
|
|
|
Die E-Mail Template basiert auf einem [Open Source Projekt Salted](https://github.com/rodriguezcommaj/salted). Ohne Anpassungen sieht die E-Mail mit 2 Absäten so aus (das Logo kommt vom Settings - das eingestellte Projekt-Logo):
|
|
|
**Code Beispiel:**
|
|
|
```php
|
|
|
$mailBody = '
|
|
|
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam vel sem. Ut tincidunt tincidunt erat. Pellentesque commodo eros a enim. Curabitur nisi.</p>
|
|
|
<p>Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Quisque rutrum. Vivamus aliquet elit ac nisl. Aenean ut eros et nisl sagittis vestibulum.</p>';
|
|
|
|
|
|
QUI::getMailManager()->send(
|
|
|
'email@adresse.de',
|
|
|
'Template Test Email',
|
|
|
$mailBody
|
|
|
);
|
|
|
```
|
|
|
|
|
|
**Screenshot 1 - einfache Email**
|
|
|
|
|
|
![screencapture-webmail-pcsg-de-2018-12-10-23_34_31](uploads/3764cacc09ccb1358b1419805fd20526/screencapture-webmail-pcsg-de-2018-12-10-23_34_31.png)
|
|
|
|
|
|
|
|
|
Die Social Icons und der Text im Footer lassen sich leicht über die Sprachvariablen ändern:
|
|
|
1. `templates.mail.body.header.social`
|
|
|
2. `templates.mail.body.footer.text`
|
... | ... | |