Dit artikel leidt je door het proces van het maken van je eigen FooEvents Kaartjesthema die je moet lezen voordat je verder gaat:
Creatief aan de slag met FooEvents Ticket Thema's - Deel 1
Creatief aan de slag met FooEvents Ticket Thema's - Deel 2
Het is belangrijk om in gedachten te houden dat de manier waarop PDF-tickets worden gegenereerd enigszins verschilt van gewone HTML en CSS. Er zijn bepaalde stijlen en elementen die misschien prima werken bij het renderen van een HTML-e-mail of -bestand, maar deze stijlen zijn mogelijk niet compatibel met de bibliotheek die wordt gebruikt om de PDF-bestanden te genereren.
Hier zijn enkele belangrijke dingen waar u op moet letten bij het maken of wijzigen van PDF Ticket Theme-bestanden:
1. U kunt JPG of PNG afbeeldingen. Als PNG-afbeeldingen met transparantie niet worden weergegeven zoals bedoeld, moet je de extensie "imagick" inschakelen in PHP. Als je niet zeker weet hoe je dit moet doen, kan je host je misschien helpen.
2. Probeer het gebruik van <table> elementen, maar gebruik liever <div> tags.
3. Als je afbeeldingen specifiek wilt centreren, gebruik dan niet de CSS-declaratie "margin: auto" maar gebruik "text-align: center".
4. Gebruik geen Google Fonts. De ingebouwde Lettertype DejaVu ondersteunt een groot aantal tekens, waaronder het Griekse, Cyrillische, Hebreeuwse en Arabische alfabet.
5. Probeer het nesten van elementen te vermijden, bijv.
<div> <div>Sommige inhoud</div> <div>
6. Gebruik de CSS-declaratie "display: block" niet op afbeeldingen omdat deze de afbeelding in sommige gevallen kan verbergen.
7. Als je niet wilt dat een element zich over twee pagina's uitstrekt, voeg dan de verklaring "page-break-inside: avoid;" toe.
8. Als je elementen nest, pas dan CSS padding toe op de binnenste container en niet op de buitenste container.
9. Gebruik paden voor afbeeldingen in plaats van URL's zoals in gewone HTML.
10. Een afsluiting toevoegen </body> tag en niet een afsluitende </html> tag voor meerdere PDF-pagina's
11. Gebruik de CSS "float" eigenschap niet op een tag die genest is binnen een andere tag met zwevende elementen
12. Als een klant meer dan één ticket voor hetzelfde evenement koopt, zullen de meeste PDF ticket thema's de koptekst en evenementinformatie weergeven, gevolgd door 3 tickets per pagina. Als het PDF-ticket er gebroken uitziet, komt dat misschien omdat al deze informatie niet op één pagina past. Om dit op te lossen kun je een logboek- en/of headerafbeelding gebruiken die niet zo hoog zijn, padding, marges of tekst verwijderen of het zo instellen dat er slechts 1 of 2 tickets op één pagina worden getoond.