{"id":698,"date":"2019-11-18T14:29:23","date_gmt":"2019-11-18T21:29:23","guid":{"rendered":"https:\/\/help.fooevents.com\/docs\/frequently-asked-questions\/tickets\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/"},"modified":"2019-12-19T18:26:19","modified_gmt":"2019-12-20T01:26:19","slug":"hoe-pas-ik-een-bestaand-fooevents-ticket-thema-aan-of-hoe-maak-ik-mijn-eigen-pdf-of-html-ticket-thema","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/nl\/docs\/frequently-asked-questions\/ticket-themes\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/","title":{"rendered":"Hoe pas ik een bestaand FooEvents Ticket thema aan of hoe maak ik mijn eigen PDF of HTML Ticket thema?"},"content":{"rendered":"

Dit artikel leidt je door het proces van het maken van je eigen FooEvents Kaartjesthema<\/strong> die je moet lezen voordat je verder gaat:
\nCreatief aan de slag met FooEvents Ticket Thema's - Deel 1<\/a>
\nCreatief aan de slag met FooEvents Ticket Thema's - Deel 2<\/a><\/p>\n

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.<\/p>\n

Hier zijn enkele belangrijke dingen waar u op moet letten bij het maken of wijzigen van PDF Ticket Theme-bestanden:<\/p>\n

1. U kunt JPG<\/strong> of PNG<\/strong> 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.
\n2. Probeer het gebruik van <table><\/code> elementen, maar gebruik liever <div><\/code> tags.
\n3. Als je afbeeldingen specifiek wilt centreren, gebruik dan niet de CSS-declaratie \"margin: auto\" maar gebruik \"text-align: center\".
\n4. Gebruik geen Google Fonts. De ingebouwde Lettertype DejaVu<\/strong> ondersteunt een groot aantal tekens, waaronder het Griekse, Cyrillische, Hebreeuwse en Arabische alfabet.
\n5. Probeer het nesten van elementen te vermijden, bijv.<\/p>\n

<div>\r\n  <div>Sommige inhoud<\/div>\r\n<div>\r\n<\/pre>\n
6. Gebruik de CSS-declaratie \"display: block\" niet op afbeeldingen omdat deze de afbeelding in sommige gevallen kan verbergen.
\n7. Als je niet wilt dat een element zich over twee pagina's uitstrekt, voeg dan de verklaring \"page-break-inside: avoid;\" toe.
\n8. Als je elementen nest, pas dan CSS padding toe op de binnenste container en niet op de buitenste container.
\n9. Gebruik paden voor afbeeldingen in plaats van URL's zoals in gewone HTML.
\n10. Een afsluiting toevoegen <\/body> tag en niet een afsluitende <\/html> tag voor meerdere PDF-pagina's
\n11. Gebruik de CSS \"float\" eigenschap niet op een tag die genest is binnen een andere tag met zwevende elementen
\n12. Als een klant meer dan \u00e9\u00e9n 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 \u00e9\u00e9n 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 \u00e9\u00e9n pagina worden getoond.<\/p>","protected":false},"featured_media":0,"parent":800,"menu_order":14,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_tag":[29,28,93,27,7],"class_list":["post-698","docs","type-docs","status-publish","hentry","doc_tag-html","doc_tag-pdf","doc_tag-ticket","doc_tag-ticket-theme","doc_tag-tickets"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/800"}],"prev":[{"title":"Waarom zeggen sommige ticketafbeeldingen dat ze \"hot linked\" zijn wanneer ze worden weergegeven in een e-mailclient?","link":"https:\/\/help.fooevents.com\/nl\/docs\/frequently-asked-questions\/ticket-themes\/why-do-some-ticket-images-say-they-are-hot-linked-when-displayed-in-an-email-client\/","href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/133858"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}