Zur Navigation springen

Blöcke mit Vorlagen-Tags wiederholbar machen

Beim Erstellen einer Vorlage wissen Sie noch nicht, wie viele Elemente ein Newsletter enthalten wird. Mit drei ineinander verschachtelbaren Tags ermöglichen Sie es der Person, die den Newsletter befüllt, selbst Blöcke hinzuzufügen und zwischen ihnen zu wechseln:

  • <lp-repeater> bestimmt, welcher Teil Ihres HTML-Codes wiederholt werden darf.
  • <lp-layout> gibt die Varianten vor, aus denen der Redakteur wählen kann.
  • <lp-sublayout> bündelt Varianten, die sich stark ähneln.

Innerhalb eines Repeaters bestimmen Sie außerdem mit der Klasse lp-pagebreak, wo ein Seitenumbruch erfolgt, wenn der Newsletter als PDF heruntergeladen wird.

Diese Tags funktionieren nur in einer importierten HTML-Vorlage, nicht im Drag & Drop-Editor. Lesen Sie mehr unter Eine selbst erstellte Vorlage in Laposta importieren.

Blöcke mit <lp-repeater> wiederholbar machen

Platzieren Sie <lp-repeater> um den HTML-Abschnitt, der wiederholt werden darf. Im Editor kann der Block dann so oft hinzugefügt werden, wie es nötig ist.

Optionen

lp-label

Die Überschrift, die im Editor links auf dem Bildschirm über den Layouts (und eventuellen Sublayouts) dieses Repeaters steht. Geben Sie kein Label an, zeigt der Editor eine allgemeine Überschrift an („Teil 1“, „Teil 2“ und so weiter). Enthält die Vorlage nur einen Repeater, erscheint keine Überschrift.

Beispiel

<lp-repeater lp-label="Blöcke Oberseite">
<table width="600">
<tr>
<td width="300">
<img lp-edit lp-resizable lp-min-width="100" lp-max-width="300" src="" width="300">
</td>
<td width="300">
<lp-multiline lp-label="Ein Absatz">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</lp-multiline>
</td>
</tr>
</table>
</lp-repeater><br />

Varianten mit <lp-layout> anbieten

Innerhalb eines Repeaters können Sie verschiedene Blöcke anbieten, aus denen der Redakteur wählen kann, wie zum Beispiel einen Block mit dem Foto links und dem Text rechts, einen mit dem Foto rechts und drei Fotos nebeneinander.

Platzieren Sie <lp-layout> innerhalb von <lp-repeater> um jeden Block, den Sie als Auswahl anbieten möchten.

Optionen

lp-label

Der Name, unter dem Sie den Block im Editor auswählen können. Laposta erstellt von jedem Layout einen Screenshot, sodass der Benutzer sofort das Design sieht.

lp-onrender

Stellt dieses Layout sofort bereit, sobald die Vorlage zum ersten Mal geladen wird. Ohne dieses Attribut sind Repeater beim Start leer und der Benutzer muss selbst Blöcke hinzufügen. Für beispielsweise einen Header-Block ist das sofortige Bereitstellen praktischer.

lp-sublayout-content

Bestimmt, ob Sublayouts ihren Inhalt teilen. Siehe: Ähnliche Varianten mit <lp-sublayout> bündeln.

Beispiel

<lp-repeater>
<lp-layout lp-label="Foto mit Text">
<table width="600">
<tr>
<td width="300">
<img lp-edit lp-resizable lp-min-width="100" lp-max-width="300" src="" width="300">
</td>
<td width="300">
<lp-multiline lp-label="Ein Absatz">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</lp-multiline>
</td>
</tr>
</table>
</lp-layout>
<lp-layout lp-label="Drei Bilder in einer Reihe" lp-onrender>
<table width="600">
<tr>
<td width="200">
<img lp-edit src="" width="200">
</td>
<td width="200">
<img lp-edit src="" width="200">
</td>
<td width="200">
<img lp-edit src="" width="200">
</td>
</tr>
</table>
</lp-layout>
</lp-repeater><br />

Ähnliche Varianten mit <lp-sublayout> bündeln

Ähneln sich Varianten stark, wird die Liste der einzelnen Layouts schnell lang. Denken Sie an ein Bild mit Text und denselben Aufbau zusätzlich mit einer Schaltfläche, oder einen Block in drei Hintergrundfarben. Mit <lp-sublayout> bündeln Sie solche Varianten unter einem Layout. Der Benutzer platziert dann zuerst das Layout und kann danach zwischen den Sublayouts wechseln.

Optionen

lp-default

Bestimmt, welches Sublayout erscheint, sobald das Layout zum Newsletter hinzugefügt wird. Ohne dieses Attribut ist das das erste Sublayout.

lp-sublayout-content

Bestimmt mit dem Wert shared oder individual, ob die Sublayouts ihren Inhalt teilen. Hinweis: Dieses Attribut setzen Sie in das <lp-layout>-Tag, nicht in <lp-sublayout>.

Wechselt der Redakteur beispielsweise zwischen einem Sublayout mit Bild und Text und einem Sublayout mit Bild, Text und Schaltfläche, dann bestimmt lp-sublayout-content, was mit dem eingegebenen Inhalt geschieht:

WertWas geschieht
shared (Standard)Die Sublayouts teilen ihren Inhalt. Wenn Sie die Variante wechseln, bleiben der Text und das Bild erhalten.
individualJedes Sublayout hat einen eigenen Inhalt. Das ist praktisch, wenn sich der Aufbau stark unterscheidet oder wenn der Inhalt getrennt bleiben muss, beispielsweise bei zwei Varianten eines Footers.

Seitenumbrüche mit lp-pagebreak bestimmen

Jeder Newsletter lässt sich in Laposta als PDF herunterladen. Standardmäßig besteht ein solches PDF aus einer langen Seite, und wenn Laposta mehrseitige PDFs für Sie freigeschaltet hat, wird der Newsletter ohne zusätzliche Einstellung willkürlich auf die Seiten verteilt. Vor allem beim Ausdrucken ist das nicht immer praktisch.

In einer importierten Vorlage können Sie den Redakteur selbst bestimmen lassen, wo eine neue Seite beginnt. Platzieren Sie dafür innerhalb eines Repeaters einen HTML-Abschnitt mit der Klasse lp-pagebreak. Dieser Block ist zwar im Editor sichtbar, aber nicht im gesendeten Newsletter. Im PDF beginnt an dieser Stelle eine neue Seite. Für das Design dieses Blocks gibt es keine Einschränkungen, da er nur im Editor zu sehen ist.

Beispiel

<lp-layout lp-label="Neue Seite beim Ausdrucken">
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="lp-pagebreak"><tr><td align="center"><hr></td></tr></table>
</lp-layout>

Möchten Sie mehrseitige PDFs verwenden, senden Sie bitte eine E-Mail an den Helpdesk unter helpdesk@laposta.nl. Der Helpdesk sorgt dann dafür, dass Sie diese PDFs in Laposta herunterladen können.

Verwandte Artikel