{"id":200243,"date":"2025-09-23T05:46:47","date_gmt":"2025-09-23T12:46:47","guid":{"rendered":"https:\/\/www.fooevents.com\/?p=200243"},"modified":"2026-07-07T07:01:54","modified_gmt":"2026-07-07T14:01:54","slug":"aangepast-halloweenkaartje","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/nl\/custom-halloween-ticket\/","title":{"rendered":"Zo maak je een aangepast Halloween-kaartthema"},"content":{"rendered":"<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover.png\" alt=\"Aangepast Halloween-ticket-thema\" class=\"wp-image-200839\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover-300x200.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover-768x512.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover-18x12.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-cover-512x342.png 512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"blog-intro wp-block-paragraph\">Halloween staat voor de deur, dus in dit artikel laat ik je zien hoe je een aangepast Halloween-kaartjesthema kunt maken en naar je hand kunt zetten. Door een eenvoudige sjabloon en CSS aan te passen, transformeren we het Pavilion Ticket Theme in een griezelig, op Halloween ge\u00efnspireerd ontwerp dat perfect is voor je volgende Halloween-evenement. A<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A <a href=\"https:\/\/www.fooevents.com\/nl\/producten\/ticket-themas\/\">FooEvents Kaartjesthema<\/a> is een set sjabloonbestanden die worden gebruikt om ticket-e-mails weer te geven in <a href=\"https:\/\/www.fooevents.com\/nl\/\">FooEvents<\/a>. Bij het opzetten van een evenement met FooEvents, kun je instellen welk ticket thema je wilt gebruiken voor dat evenement. De ticket e-mails zullen dan worden gegenereerd met behulp van het opgegeven ticket thema. Daarnaast kun je ticket thema's ook gebruiken voor het genereren van <a href=\"https:\/\/www.fooevents.com\/nl\/producten\/fooevents-pdf-tickets\/\">PDF-tickets<\/a> en persoonlijke tickets via <a href=\"https:\/\/www.fooevents.com\/nl\/producten\/fooevents-pos\/\">FooEvents POS<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wat we behandelen<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list list-box-group\">\n<li>We gaan een gratis FooEvents Ticket thema downloaden en hernoemen.<\/li>\n\n\n\n<li>Vervolgens gaan we ons logo en onze headerafbeelding toevoegen aan de map afbeeldingen en de afbeeldingspaden van het logo en de header wijzigen zodat ze naar deze afbeeldingen verwijzen.<\/li>\n\n\n\n<li>Vervolgens uploaden we het ticket-thema en sturen we een testticket om te zien welke kleuren en styling we moeten aanpassen aan ons ontwerp.<\/li>\n\n\n\n<li>Vervolgens zullen we in stappen de CSS en HTML bijwerken om dezelfde kleuren te gebruiken als ons ontwerp, terwijl we regelmatig testen.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>1) Aan de slag<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"987\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original.png\" alt=\"Comparing the Halloween Ticket Theme design to the Pavilion Ticket theme Design\" class=\"wp-image-200876\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original-300x289.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original-768x740.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original-12x12.png 12w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison_original-512x494.png 512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Om het eenvoudig te houden, heb ik het Halloween-ontwerp gemodelleerd naar de <a href=\"https:\/\/www.fooevents.com\/nl\/product\/paviljoen-ticket-thema\/\">Paviljoen Kaartjesthema<\/a>. Hierdoor is het eenvoudig aan te passen omdat de meeste wijzigingen eenvoudige kleurwijzigingen zijn. Download het gratis Pavilion Ticket Theme van de productpagina en pak het uit op je computer.<\/p>\n\n\n\n<p class=\"highlight-box wp-block-paragraph\"><strong>Tip:<\/strong> Onze <a href=\"https:\/\/www.fooevents.com\/nl\/producten\/ticket-themas\/\">ticket thema catalogus<\/a> bevat veel basisontwerpen met verschillende structurele lay-outs. Zoek een basisthema dat structureel vergelijkbaar is met je ontwerp en gebruik het als uitgangspunt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2) Hernoem het Kaartjesthema<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Na het downloaden hernoemt u de uitgepakte map (<strong>paviljoen_kaartje_thema<\/strong>) aan <strong>halloween_kaartjes_thema<\/strong>. Houd het bij kleine letters en gebruik underscores-geen spaties. Deze naamgeving is hoe FooEvents verwacht dat aangepaste thema's worden georganiseerd.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open de <strong>halloween_kaartjes_thema<\/strong> map en bewerk de <strong>leesmij.txt<\/strong> en <strong>config.json<\/strong> bestanden.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"668\" height=\"419\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.50.png\" alt=\"Custom Halloween Ticket theme readme.txt\" class=\"wp-image-200843\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.50.png 668w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.50-300x188.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.50-18x12.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.50-512x321.png 512w\" sizes=\"auto, (max-width: 668px) 100vw, 668px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In <strong>leesmij.txt<\/strong>, veranderen <strong>Paviljoen Kaartjesthema<\/strong> naar <strong>Halloween Kaartjesthema<\/strong>. Je kunt ook de beschrijving, auteur, enz. bijwerken.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"594\" height=\"362\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.35.png\" alt=\"Custom Halloween Ticket theme config.json\" class=\"wp-image-200844\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.35.png 594w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.35-300x183.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.35-18x12.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.16.35-512x312.png 512w\" sizes=\"auto, (max-width: 594px) 100vw, 594px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Werk vervolgens de naamwaarde bij in <strong>config.json<\/strong> file,&nbsp;change: <em><strong>\u201cnaam\u201d: \u201cPaviljoen Kaartjesthema\u201d.\u201d<\/strong><\/em> naar <em><strong>\u201cnaam\u201d: \u201cHalloween Kaartjesthema\u201d.\u201d<\/strong><\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je kunt ook instellen in welke formaten dit ticket-thema kan worden gebruikt (HTML, PDF en POS). Ik raad aan om PDF-ondersteuning uit te schakelen (\u201csupports-pdf: false\u201d) zodat we ons kunnen concentreren op het HTML-e-mailthema. Je kunt een apart printvriendelijk PDF-thema gebruiken, of, als je het <strong>ondersteunt-pdf<\/strong> ingesteld op <strong>Echt<\/strong>, Zorg ervoor dat u de weergave van het PDF-ticket grondig test.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vervang vervolgens <strong>voorbeeld.jpg<\/strong> met je eigen miniatuur zodat je je thema meteen herkent in het scherm Ticket Themes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3) Het logo en de headerafbeelding bijwerken<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"819\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-1024x819.png\" alt=\"Custom Halloween Ticket theme diagram\" class=\"wp-image-200871\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-1024x819.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-300x240.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-768x614.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-1536x1229.png 1536w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-2048x1638.png 2048w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-15x12.png 15w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/halloween-ticket-theme-diagram-512x410.png 512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Standaard kun je met het originele Pavilion Ticket Theme het logo en de headerafbeelding instellen in <strong>Product &gt; Ticketinstellingen<\/strong>. Normaal gesproken zou je deze opties gebruiken om het logo en de headerafbeelding in te stellen, maar voor het Halloween-kaartjesthema gaan we de paden naar het logo en de headerafbeelding hardcoden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De reden hiervoor is dat het logo en de afbeelding zeer uitgesproken zijn voor het ontwerp van dit ticket thema-je zou ze eigenlijk niet willen gebruiken voor de printvriendelijke PDF-versie van het ticket. Door het logo en de koptekstafbeelding te hardcoderen in het ticket-thema kunnen we een ander logo en een andere koptekstafbeelding opgeven voor de PDF- en POS-versies met behulp van het formulier Ticketinstellingen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Plaats eerst je logo en headerafbeelding in de map afbeeldingen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>halloween_ticket_thema\/afbeeldingen\/logo.jpg\r\nhalloween_ticket_thema\/afbeeldingen\/header_afbeelding.jpg\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Open de <code>ticket.php<\/code> bestand en vind de volgende code bovenaan het bestand:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- LOGO --&gt;\n&lt;?php if ( ! empty( $ticket[&#039;WooCommerceEventsTicketLogo&#039;] ) ) : ?&gt;\n&lt;p&gt;\n&lt;img src=&quot;&lt;?php echo esc_attr( $ticket[&#039;WooCommerceEventsTicketLogo&#039;] ); ?&gt;&quot; alt=&quot;&lt;?php echo esc_attr( $ticket[&#039;name&#039;] ); ?&gt;&quot; style=&quot;width: auto; max-width:100%; margin-bottom:20px;&quot;\/&gt;\n&lt;\/p&gt;\n&lt;?php endif; ?&gt;\n\n&lt;!-- GRAPHIC --&gt;\n&lt;?php if ( ! empty( $ticket[&#039;WooCommerceEventsTicketHeaderImage&#039;] ) ) : ?&gt;\n&lt;img src=&quot;&lt;?php echo esc_attr( $ticket[&#039;WooCommerceEventsTicketHeaderImage&#039;] ); ?&gt;&quot; alt=&quot;&lt;?php echo esc_attr( $ticket[&#039;name&#039;] ); ?&gt;&quot; style=&quot;width: auto; max-width:100%; margin:0 auto; padding:0; display: block; vertical-align: bottom&quot;\/&gt;\n&lt;?php endif; ?&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">De twee PHP \u201cif\u201d statements die de afbeeldingen omhullen, controleren of de instellingen voor het logo en de headerafbeelding zijn ingeschakeld. We zullen deze instellingen niet gebruiken, dus je kunt de controles verwijderen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vervang vervolgens de afbeeldingspaden door het volgende:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Logopad:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/images\/logo.jpg\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pad voor headerafbeelding:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/images\/header_img.jpg\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Uw bijgewerkte code moet er als volgt uitzien:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- LOGO --&gt;\n&lt;p&gt;\n&lt;img src=&quot;&lt;?php echo $theme_packs_url; ?&gt;&lt;?php echo $theme_name; ?&gt;\/images\/logo.jpg&quot; alt=&quot;&lt;?php echo esc_attr( $ticket[&#039;name&#039;] ); ?&gt;&quot; style=&quot;width: auto; max-width:100%; margin-bottom:20px;&quot;\/&gt;\n&lt;\/p&gt;\n\n&lt;!-- GRAPHIC --&gt;\n&lt;img src=&quot;&lt;?php echo $theme_packs_url; ?&gt;&lt;?php echo $theme_name; ?&gt;\/images\/header_img.jpg&quot; alt=&quot;&lt;?php echo esc_attr( $ticket[&#039;name&#039;] ); ?&gt;&quot; style=&quot;width: auto; max-width:100%; margin:0 auto; padding:0; display: block; vertical-align: bottom&quot;\/&gt;\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>4) Upload het thema naar uw testwebsite<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Laten we deze wijzigingen testen en ervoor zorgen dat het nieuwe ticketthema kan worden toegewezen aan een product, succesvol kan worden verzonden en de logo- en header-afbeelding correct kan ophalen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Upload het ticketthema<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Je hebt een testomgeving nodig waarop FooEvents al is ge\u00efnstalleerd en geconfigureerd. Upload de map met het nieuwe ticket-thema via FTP\/SFTP naar de volgende locatie:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/wp-content\/uploads\/fooevents\/themes\/\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">FooEvents laadt aangepaste thema\u2019s vanaf dit pad. Als je dat liever hebt, kun je ook gebruikmaken van <strong>FooEvents \u2192 Ticket-thema\u2019s<\/strong> (in WP-admin) om thema's te beheren en te bekijken, maar voor codebewerkingen is het beter om FTP te gebruiken, omdat u verschillende bestanden moet bijwerken. Later, wanneer we klaar zijn om te testen, uploaden we de bewerkte themabestanden naar dezelfde map en sturen we ticket-e-mails naar een testaccount.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Stel het ticketthema in voor een testproduct<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vervolgens gaan we de ticketthema-instellingen van een product bijwerken om dit ticketthema te gebruiken, zodat je echte testtickets kunt versturen terwijl je itereren. Op die manier test je de echte gegevens en lay-out die je gaat verzenden.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"886\" height=\"293\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36.png\" alt=\"FooEvents Ticket Settings\" class=\"wp-image-200842\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36.png 886w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36-300x99.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36-768x254.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36-18x6.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-13.14.36-512x169.png 512w\" sizes=\"auto, (max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bewerk in WordPress je evenementproduct en open <strong>Productgegevens \u2192 Ticketinstellingen<\/strong>. Stel het HTML-ticketthema in op het door jou ge\u00fcploade Halloween-ticketthema. Je hebt het logo, de kopafbeelding en de kleuropties niet nodig, dus die kun je voorlopig leeg laten. Als je later gebruikmaakt van FooEvents PDF-tickets, kun je die instellingen gebruiken om het PDF-ticket aan te passen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Stuur een test ticket<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"630\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-1024x630.png\" alt=\"WooCommerce Orders screen showing tickets and a resend tickets option\" class=\"wp-image-200869\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-1024x630.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-300x184.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-768x472.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-18x12.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19-512x315.png 512w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-14.28.19.png 1335w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Open een bestaande order voor dit product of maak een nieuwe order aan, en gebruik de <strong>Tickets opnieuw verzenden<\/strong> optie in de zijbalk om testticket-e-mails te verzenden. Zorg ervoor dat u zowel enkele tickets als ticket-e-mails test die meerdere tickets bevatten. Het ticket moet lijken op het originele Pavilion Ticket Theme, het enige verschil is dat het logo en de header-afbeelding nu hard-gecodeerd zijn in plaats van gebruik te maken van de logo- en header-padinstellingen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>5) Pas de kleuren en lay-out aan om te voldoen aan het ontwerp van het aangepaste Halloween-ticket thema<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"987\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-1024x987.png\" alt=\"Comparing the Halloween Ticket Theme design and the work in progress version\" class=\"wp-image-200836\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-1024x987.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-300x289.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-768x740.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-1536x1481.png 1536w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-2048x1974.png 2048w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-12x12.png 12w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/comparison-512x494.png 512w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Deze volgende stap kan lastig zijn; echter, de sjablonen zijn ontworpen om zo eenvoudig mogelijk te zijn en zouden relatief eenvoudig aan te passen moeten zijn. Zoek bestaande kleuren en vervang ze met de kleuren die in het ontwerp worden gebruikt. Als uw ontwerp structureel afwijkt, pas dan de HTML en CSS aan om aan uw ontwerp te voldoen. De uitvoer van het sjabloon bestaat uit drie hoofd-bestanden:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\u251c\u2500 header.php \u2190 Logo\/header\/event meta\/top section \n\u251c\u2500 ticket.php \u2190 The main ticket block (repeats per ticket) \n\u251c\u2500 footer.php \u2190 Footer\/contact info\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Pas deze drie bestanden naar behoefte aan, maar houd er rekening mee dat e-mailprogramma\u2019s hun eigen voorkeuren hebben. Houd de opmaak eenvoudig (tabellen of zo min mogelijk div-elementen), voeg belangrijke stijlen inline toe en gebruik absolute afbeeldings-URL&#x27;s. Vermijd moderne CSS die door veel clients wordt verwijderd of inconsistent wordt weergegeven. Het is aanbevolen om de HTML\/CSS eenvoudig te houden voor een hoge compatibiliteit. Raadpleeg de FooEvents-handleiding voor meer informatie: Ticket Themes Help.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wanneer je wijzigingen hebt aangebracht, upload de bijgewerkte bestanden naar:<br>\n<code>\/wp-content\/uploads\/fooevents\/themes\/halloween_ticket_theme\/<\/code><\/p>\n\n\n\n<p class=\"highlight-box wp-block-paragraph\"><strong>Tip:<\/strong> Test regelmatig en houd wijzigingen klein en incrementeel. Elke keer dat u wijzigingen uploadt, kunt u op de resend-knop op het bestelscherm drukken zonder de pagina te hoeven vernieuwen (dat bespaart u een paar seconden). Zodra u het ticketthema hebt aangepast aan uw eigen ontwerp, test het dan onder verschillende scenario's. Zorg ervoor dat u zowel enkele tickets als ticket-e-mails met meerdere tickets test (die naar kopers worden verzonden).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Laatste controles voor livegang<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"830\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-1024x830.png\" alt=\"Screenshot of the Halloween Ticket Theme being viewed in Gmail\" class=\"wp-image-200837\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-1024x830.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-300x243.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-768x623.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-15x12.png 15w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57-512x415.png 512w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Screenshot-2025-09-23-at-12.58.57.png 1410w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bekijk de e-mail in Gmail, Outlook, Apple Mail en, indien mogelijk, op je mobiel. Als je een preview-dienst gebruikt zoals <a href=\"https:\/\/www.litmus.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Lakmoes<\/a>, voer een sweep uit bij veelvoorkomende klanten. Als je tevreden bent met het ticketontwerp, upload dan de ticketthema-map naar je live site en activeer deze voor je producten. Voer een extra testronde uit om er zeker van te zijn dat je wijzigingen correct worden weergegeven en dat je afbeeldingspaden werken.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Laatste woord<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Het aanpassen van een FooEvents-ticketthema is supereenvoudig. Begin met een solide basis, geef het een andere naam, voeg je eigen afbeeldingen toe en pas vervolgens de CSS\/HTML in kleine, testbare stappen aan. Houd de opmaak zo eenvoudig mogelijk, zoals in e-mails, en ga niet te ver met CSS die klanten toch negeren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voel je vrij om mijn Halloween Ticket themaontwerp en het voltooide Halloween Ticket Thema te downloaden en aan te passen, links hieronder.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Bronnen<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.fooevents.com\/nl\/product\/paviljoen-ticket-thema\/\" target=\"_blank\" rel=\"noopener\">Paviljoen Kaartjesthema<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.fooevents.com\/nl\/product\/halloween-ticket-thema-2025\/\" target=\"_blank\" rel=\"noopener\">Halloween Kaartjesthema<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2025\/09\/Halloween-Ticket-Themes.psd.zip\" target=\"_blank\" rel=\"noopener\">Halloween Ticket Theme Photoshop-bestand<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/fonts.google.com\/share?selection.family=Creepster\" target=\"_blank\" rel=\"noopener nofollow\">Logo-lettertype: Creepster<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elements.envato.com\/haunted-halloween-house-illustration-58DVZFE\" target=\"_blank\" rel=\"noopener nofollow\">Bewerkbare illustratie van een spookhuis<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.fooevents.com\/docs\/topics\/tickets\/ticket-themes\/\" rel=\"nofollow noopener\" target=\"_blank\">Gids voor ticketthema's<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Halloween is around the corner, so in this article I am going to show you how to create a Custom Halloween Ticket Theme and make it our own. By modifying a simple template and CSS, we will transform the Pavilion Ticket Theme into a spooky, Halloween-inspired design that\u2019s perfect for your next Halloween event. A [&hellip;]<\/p>\n","protected":false},"author":1138,"featured_media":200840,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53],"tags":[],"class_list":["post-200243","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howto"],"_links":{"self":[{"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/posts\/200243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/users\/1138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/comments?post=200243"}],"version-history":[{"count":10,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/posts\/200243\/revisions"}],"predecessor-version":[{"id":209632,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/posts\/200243\/revisions\/209632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/media\/200840"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/media?parent=200243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/categories?post=200243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/tags?post=200243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}