Ein automatisches Inhaltsverzeichnis mit Vorlagen-Tags erstellen
In einer selbst erstellten HTML-Vorlage können Sie angeben, welche Überschriften in das Inhaltsverzeichnis aufgenommen werden sollen. Laposta stellt die Liste mit Verweisen auf die Artikel dann automatisch zusammen, sobald Sie den Newsletter befüllen.
Diese Tags gelten nur für eine importierte HTML-Vorlage. Wenn Sie im Drag-&-Drop-Editor arbeiten, verwenden Sie den Block „Inhalt“: Siehe Interne Links für ein Inhaltsverzeichnis in Ihrem Newsletter einfügen.
Das Inhaltsverzeichnis mit <lp-toc> platzieren
Setzen Sie das Tag <lp-toc> an die Stelle, an der das Inhaltsverzeichnis erscheinen soll. Dort wird eine Liste mit internen Links zu den Inhalten angezeigt, die weiter unten im Newsletter stehen.
Die Liste wird als <table> aufgebaut, da verschiedene E-Mail-Programme dies besser darstellen. Das <td> mit dem Link erhält die Klasse lp-toc-link, das <td> mit dem Aufzählungszeichen die Klasse lp-toc-bullet.
Überschriften mit dem Attribut lp-toc festlegen
Im Inhaltsverzeichnis können Sie nur den Text von Singleline-Elementen verwenden. Fügen Sie lp-toc zu einer Singleline hinzu, um diese Überschrift aufzunehmen:
Steht die Singleline innerhalb eines Repeaters, werden alle Singlelines, die Sie darin anlegen, in das Inhaltsverzeichnis aufgenommen.
Möchten Sie mehrere Gruppen von Singlelines aufnehmen, beispielsweise die Überschriften aus dem Hauptbereich und aus einer Seitenspalte? Geben Sie dem Attribut dann eine Zahl mit. Die Überschriften erscheinen in der Reihenfolge dieser Zahlen.
Beim Befüllen des Newsletters können Sie pro Überschrift noch angeben, ob diese im Inhaltsverzeichnis erscheinen soll oder nicht.
Das Aufzählungszeichen anpassen
Standardmäßig steht vor jedem Punkt der HTML-Code •. Mit diesen Attributen für <lp-toc> können Sie das Aufzählungszeichen und den Leerraum anpassen:
Ein eigenes Aufzählungszeichen. Dies kann Text sein (zum Beispiel * oder ‣), aber auch die URL eines Bildes. Laposta importiert und hostet dieses Bild.
Zahl für den Innenabstand (Padding) in Pixeln auf der linken Seite.
Zahl für den Innenabstand (Padding) in Pixeln auf der rechten Seite.
Wenn Sie ein Bild als Aufzählungszeichen verwenden, geben Sie hiermit die Breite an (als width-Attribut). So können Sie ein Bild mit einer höheren Auflösung verwenden.
Ein Inhaltsverzeichnis mit einem eigenen Aufzählungszeichen und Abstand auf beiden Seiten sieht so aus: