Dieser Artikel führt Sie durch den Prozess der Erstellung Ihrer eigenen FooEvents Ticket-Thema die Sie lesen sollten, bevor Sie fortfahren:
Werden Sie kreativ mit FooEvents-Ticket-Themen - Teil 1
Werden Sie kreativ mit FooEvents-Ticket-Themen - Teil 2
Es ist wichtig zu wissen, dass sich die Generierung von PDF-Tickets leicht von normalem HTML und CSS unterscheidet. Es gibt einige Stile und Elemente, die beim Rendern einer HTML-E-Mail oder -Datei problemlos funktionieren, aber diese Stile sind möglicherweise nicht mit der Bibliothek kompatibel, die zur Generierung der PDF-Dateien verwendet wird.
Hier sind einige wichtige Dinge, die Sie beim Erstellen oder Ändern von PDF-Ticket-Theme-Dateien beachten sollten:
1. Sie können entweder JPG oder PNG Bilder. Wenn PNG-Bilder mit Transparenz nicht wie vorgesehen dargestellt werden, müssen Sie die Erweiterung "imagick" in PHP aktivieren. Wenn Sie sich nicht sicher sind, wie das geht, kann Ihnen Ihr Hoster vielleicht helfen.
2. Versuchen Sie, die Verwendung <table> Elemente, sondern verwenden stattdessen <div> Tags.
3. Wenn Sie Bilder gezielt zentrieren wollen, verwenden Sie nicht die CSS-Deklaration "margin: auto", sondern "text-align: center".
4. Verwenden Sie keine Google-Schriftarten. Die eingebaute Schriftart DejaVu unterstützt eine Vielzahl von Schriftzeichen, einschließlich des griechischen, kyrillischen, hebräischen und arabischen Alphabets.
5. Versuchen Sie, die Verschachtelung von Elementen zu vermeiden, z. B.
<div> <div>Einige Inhalte</div> <div>
6. Verwenden Sie nicht die CSS-Deklaration "display: block" für Bilder, da dies in einigen Fällen das Bild verdecken könnte.
7. Wenn Sie nicht wollen, dass sich ein Element über zwei Seiten erstreckt, fügen Sie die Erklärung "page-break-inside: avoid;" hinzu.
8. Wenn Sie Elemente verschachteln, wenden Sie CSS-Polsterung auf den inneren Container und nicht auf den äußeren Container an.
9. Verwenden Sie Pfade für Bilder anstelle von URLs wie in normalem HTML.
10. Einen Abschluss hinzufügen </body> Tag und nicht ein abschließendes </html> Tag für mehrere PDF-Seiten
11. Verwenden Sie die CSS-Eigenschaft "float" nicht für ein Tag, das in ein anderes floatendes Tag verschachtelt ist
12. Wenn ein Kunde mehr als ein Ticket für dieselbe Veranstaltung kauft, zeigen die meisten PDF-Ticket-Themen die Kopfzeile und die Veranstaltungsinformationen an, gefolgt von 3 Tickets pro Seite. Wenn das PDF-Ticket unvollständig aussieht, könnte das daran liegen, dass all diese Informationen nicht auf eine Seite passen. Um dies zu beheben, können Sie ein Protokoll und/oder ein Kopfzeilenbild verwenden, das nicht so hoch ist, Polsterungen, Ränder oder Text entfernen oder so einstellen, dass nur 1 oder 2 Tickets auf einer Seite angezeigt werden.