{"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":"halloween-ticket-nach-mas","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/de\/custom-halloween-ticket\/","title":{"rendered":"So erstellen Sie ein individuelles Halloween-Ticketmotiv"},"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=\"Benutzerdefiniertes Halloween-Ticket-Motiv\" 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 steht vor der T\u00fcr. In diesem Artikel zeige ich Ihnen, wie Sie ein benutzerdefiniertes Halloween-Ticket-Thema erstellen und es zu unserem eigenen machen k\u00f6nnen. Durch die \u00c4nderung einer einfachen Vorlage und CSS verwandeln wir das Pavilion-Ticket-Thema in ein gruseliges, von Halloween inspiriertes Design, das perfekt f\u00fcr Ihre n\u00e4chste Halloween-Veranstaltung ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A <a href=\"https:\/\/www.fooevents.com\/de\/produkte\/ticket-themen\/\">FooEvents Ticket-Thema<\/a> ist ein Satz von Vorlagendateien, die zum Rendern von Ticket-E-Mails in <a href=\"https:\/\/www.fooevents.com\/de\/\">FooEvents<\/a>. Wenn Sie eine Veranstaltung mit FooEvents einrichten, k\u00f6nnen Sie festlegen, welches Ticket-Thema f\u00fcr diese Veranstaltung verwendet werden soll. Die Ticket-E-Mails werden dann mit dem angegebenen Ticket-Thema erstellt. Dar\u00fcber hinaus k\u00f6nnen Ticket-Themen auch verwendet werden, um <a href=\"https:\/\/www.fooevents.com\/de\/produkte\/fooevents-pdf-tickets\/\">PDF-Tickets<\/a> und pers\u00f6nliche Tickets \u00fcber <a href=\"https:\/\/www.fooevents.com\/de\/produkte\/fooevents-pos\/\">FooEvents POS<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Was wir behandeln werden<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list list-box-group\">\n<li>Wir werden ein kostenloses FooEvents Ticket-Theme herunterladen und umbenennen.<\/li>\n\n\n\n<li>Als N\u00e4chstes f\u00fcgen wir unser Logo und unsere Kopfzeilengrafik in den Bilderordner ein und \u00e4ndern die Pfade f\u00fcr das Logo und die Kopfzeilenbilder so, dass sie auf diese Bilder verweisen.<\/li>\n\n\n\n<li>Wir laden dann das Ticket-Thema hoch und senden ein Testticket, um zu sehen, welche Farben und welches Styling ge\u00e4ndert werden m\u00fcssen, damit es unserem Design entspricht.<\/li>\n\n\n\n<li>Dann werden wir schrittweise CSS und HTML aktualisieren, um die gleichen Farben wie unser Design zu verwenden, und dabei regelm\u00e4\u00dfig testen.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>1) Erste Schritte<\/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=\"Vergleich des Designs des Halloween-Tickets mit dem Design des Pavillon-Tickets\" 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\">Um es einfach zu halten, habe ich das Halloween-Design dem <a href=\"https:\/\/www.fooevents.com\/de\/produkt\/pavillon-ticket-thema\/\">Pavillon Ticket Thema<\/a>. Dies macht es einfach zu \u00e4ndern, da die meisten \u00c4nderungen einfache Farb\u00e4nderungen sind. Laden Sie das kostenlose Pavilion Ticket Theme von der Produktseite herunter und entpacken Sie es auf Ihrem Computer.<\/p>\n\n\n\n<p class=\"highlight-box wp-block-paragraph\"><strong>Tipp:<\/strong> Unser <a href=\"https:\/\/www.fooevents.com\/de\/produkte\/ticket-themen\/\">Ticket-Themenkatalog<\/a> enth\u00e4lt viele Basisdesigns, die verschiedene strukturelle Layouts enthalten. Suchen Sie ein Basisthema, das Ihrem Entwurf strukturell \u00e4hnlich ist, und verwenden Sie es als Ausgangspunkt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>2) Benennen Sie das Ticket-Thema um<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nach dem Download benennen Sie den entpackten Ordner um (<strong>pavillon_ticket_thema<\/strong>) an <strong>halloween_ticket_thema<\/strong>. Halten Sie sie klein und verwenden Sie Unterstriche - keine Leerzeichen. FooEvents erwartet, dass benutzerdefinierte Themen auf diese Weise benannt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffnen Sie die <strong>halloween_ticket_thema<\/strong> und bearbeiten Sie den Ordner <strong>readme.txt<\/strong> und <strong>config.json<\/strong> Dateien.<\/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=\"Benutzerdefiniertes Halloween-Ticket-Thema 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\">Unter <strong>readme.txt<\/strong>, \u00e4ndern <strong>Pavillon Ticket Thema<\/strong> zu <strong>Halloween-Ticket-Thema<\/strong>. Sie k\u00f6nnen auch die Beschreibung, den Autor usw. aktualisieren.<\/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=\"Benutzerdefiniertes Halloween-Ticket-Thema 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\">Als n\u00e4chstes aktualisieren Sie den Wert name in <strong>config.json<\/strong> file,&nbsp;change: <em><strong>\u201cName\u201d: \u201cPavillon-Ticket-Thema\u201d<\/strong><\/em> zu <em><strong>\u201cName\u201d: \u201cHalloween-Ticket-Thema\u201d<\/strong><\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen auch festlegen, in welchen Formaten dieses Ticket-Thema verwendet werden kann (HTML, PDF und POS). Ich empfehle, die PDF-Unterst\u00fctzung zu deaktivieren (\u201csupports-pdf: false\u201d), damit wir uns auf das HTML-E-Mail-Thema konzentrieren k\u00f6nnen. Sie k\u00f6nnen ein separates druckfreundliches PDF-Thema verwenden, oder, wenn Sie die <strong>unterst\u00fctzt-pdf<\/strong> eingestellt auf <strong>wahr<\/strong>, Stellen Sie sicher, dass Sie die Darstellung des PDF-Tickets gr\u00fcndlich testen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ersetzen Sie dann <strong>vorschau.jpg<\/strong> mit einem eigenen Vorschaubild, damit Sie Ihr Thema auf dem Bildschirm Ticket-Themen sofort erkennen k\u00f6nnen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3) Aktualisieren Sie das Logo und die Kopfzeilengrafik<\/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=\"Benutzerdefiniertes Diagramm zum Thema Halloween-Ticket\" 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\">Das urspr\u00fcngliche Pavilion-Ticket-Theme erlaubt Ihnen standardm\u00e4\u00dfig, das Logo und die Kopfzeilengrafik in <strong>Produkt &gt; Ticket-Einstellungen<\/strong>. Normalerweise w\u00fcrden Sie diese Optionen verwenden, um das Logo und die Kopfzeilengrafik festzulegen; f\u00fcr das Halloween-Ticket-Thema werden wir jedoch Pfade f\u00fcr das Logo und die Kopfzeilengrafik fest codieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der Grund daf\u00fcr ist, dass das Logo und die Grafik das Design dieses Ticket-Themas sehr stark pr\u00e4gen - Sie w\u00fcrden nicht wirklich die druckfreundliche PDF-Version des Tickets verwenden wollen. Durch das Hardcoding des Logos und der Kopfzeilengrafik im Ticket-Thema k\u00f6nnen wir \u00fcber das Ticket-Einstellungsformular ein anderes Logo und eine andere Kopfzeilengrafik f\u00fcr die PDF- und POS-Versionen festlegen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Legen Sie zun\u00e4chst Ihr Logo und Ihr Kopfzeilenbild in den Bilderordner:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>halloween_ticket_thema\/bilder\/logo.jpg\r\nhalloween_ticket_theme\/images\/header_img.jpg\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffnen Sie die <code>ticket.php<\/code> Datei und finden Sie den folgenden Code am Anfang der Datei:<\/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\">Die beiden PHP-\u201cif\u201d-Anweisungen, die die Bilder einschlie\u00dfen, pr\u00fcfen, ob die Einstellungen f\u00fcr das Logo und das Kopfzeilenbild aktiviert sind. Wir werden diese Einstellungen nicht verwenden, daher k\u00f6nnen Sie die Pr\u00fcfungen entfernen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ersetzen Sie dann die Bildpfade durch die folgenden:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Logo-Pfad:<\/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>Pfad des Kopfzeilenbildes:<\/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\">Ihr aktualisierter Code sollte wie folgt aussehen:<\/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) Laden Sie das Thema auf Ihre Testseite hoch.<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Testen wir diese \u00c4nderungen und stellen wir sicher, dass das neue Ticket-Thema einem Produkt zugewiesen und erfolgreich versendet werden kann und dass das Logo und das Kopfzeilenbild korrekt angezeigt werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Das Ticket-Thema hochladen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sie ben\u00f6tigen eine Testseite, auf der FooEvents bereits installiert und konfiguriert ist. Laden Sie den Ordner mit dem neuen Ticket-Thema per FTP\/SFTP an den folgenden Ort hoch:<\/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 l\u00e4dt benutzerdefinierte Themen von diesem Pfad. Wenn Sie es bevorzugen, k\u00f6nnen Sie auch <strong>FooEvents \u2192 Ticket-Themen<\/strong> (in der WP-Verwaltung), um Themes zu verwalten und eine Vorschau anzuzeigen, aber f\u00fcr Code-Bearbeitungen ist es besser, FTP zu verwenden, da Sie verschiedene Dateien aktualisieren m\u00fcssen. Sp\u00e4ter, wenn wir zum Testen bereit sind, werden wir die bearbeiteten Themes in denselben Ordner hochladen und dann Ticket-E-Mails an ein Testkonto senden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Einstellen des Ticket-Themas f\u00fcr ein Testprodukt<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Als N\u00e4chstes werden wir die Einstellungen f\u00fcr das Ticket-Thema eines Produkts aktualisieren, um dieses Ticket-Thema zu verwenden, damit Sie w\u00e4hrend der Iteration echte Testtickets senden k\u00f6nnen. Auf diese Weise testen Sie die echten Daten und das Layout, das Sie versenden werden.<\/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-Einstellungen\" 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\">Bearbeiten Sie in WordPress Ihr Ereignisprodukt und \u00f6ffnen Sie <strong>Produktdaten \u2192 Ticket-Einstellungen<\/strong>. Setzen Sie das HTML-Ticketdesign auf Ihr hochgeladenes Halloween-Ticketdesign. Sie werden das Logo, das Kopfzeilenbild und die Farboptionen nicht verwenden, also k\u00f6nnen Sie sie vorerst leer lassen. Sp\u00e4ter, wenn Sie FooEvents-PDF-Tickets verwenden, k\u00f6nnen Sie diese Einstellungen verwenden, um das PDF-Ticket individuell zu gestalten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ein Testticket senden<\/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=\"Bildschirm &quot;WooCommerce-Bestellungen&quot; mit Fahrkarten und einer Option zum erneuten Senden von Fahrkarten\" 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\">\u00d6ffnen Sie einen bestehenden Auftrag f\u00fcr dieses Produkt oder legen Sie einen neuen Auftrag an, und verwenden Sie die <strong>Tickets zur\u00fccksenden<\/strong> in der Seitenleiste, um Test-Ticket-E-Mails zu versenden. Das Ticket sollte \u00e4hnlich aussehen wie das urspr\u00fcngliche Pavillon-Ticket-Theme, mit dem einzigen Unterschied, dass das Logo und das Kopfzeilenbild nun fest kodiert sind, anstatt die Einstellungen f\u00fcr das Logo und den Kopfzeilenpfad zu verwenden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>5) \u00c4ndern Sie die Farben und das Layout so, dass sie zum benutzerdefinierten Design des Halloween-Tickets passen.<\/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=\"Vergleich zwischen dem Entwurf des Halloween-Ticket-Themas und der in Arbeit befindlichen 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\">Dieser n\u00e4chste Schritt kann knifflig sein; die Vorlagen sind jedoch so einfach wie m\u00f6glich gestaltet und sollten relativ leicht zu \u00e4ndern sein. Suchen Sie die vorhandenen Farben und ersetzen Sie sie durch die im Entwurf verwendeten Farben. Wenn sich Ihr Design strukturell unterscheidet, \u00e4ndern Sie den HTML- und CSS-Code, um ihn an Ihr Design anzupassen. Die Ausgabe der Vorlage besteht aus drei Hauptdateien:<\/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\">\u00c4ndern Sie diese drei Dateien nach Bedarf, aber bedenken Sie, dass E-Mail-Clients eigenwillig sind. Halten Sie das Markup einfach (Tabellen oder minimale divs), inline die wichtigen Stile, und verwenden Sie absolute Bild-URLs. Vermeiden Sie modernes CSS, das viele Clients entfernen oder inkonsistent darstellen. F\u00fcr eine hohe Kompatibilit\u00e4t ist es am besten, das HTML\/CSS einfach zu halten. Siehe den FooEvents-Leitfaden als Referenz: Ticket-Themen-Hilfe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie die \u00c4nderungen vorgenommen haben, laden Sie die aktualisierten Dateien hoch in:<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>Tipp:<\/strong> Testen Sie regelm\u00e4\u00dfig und halten Sie die \u00c4nderungen klein und schrittweise. Jedes Mal, wenn Sie \u00c4nderungen hochladen, k\u00f6nnen Sie auf der Bestellseite auf die Schaltfl\u00e4che \"Erneut senden\" klicken, ohne die Seite aktualisieren zu m\u00fcssen (das spart Ihnen ein paar Sekunden). Sobald Sie das Ticket-Thema an Ihr eigenes Design angepasst haben, testen Sie es in verschiedenen Szenarien. Testen Sie sowohl einzelne Tickets als auch Ticket-E-Mails, die mehrere Tickets enthalten (die an K\u00e4ufer gesendet werden).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Letzte Kontrollen vor der Inbetriebnahme<\/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 der Anzeige des Halloween-Ticket-Themas in Google Mail\" 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\">Zeigen Sie die E-Mail in Google Mail, Outlook, Apple Mail und auf Ihrem Mobiltelefon an, wenn Sie k\u00f6nnen. Wenn Sie einen Vorschaudienst wie <a href=\"https:\/\/www.litmus.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Lackmus<\/a>, f\u00fchren Sie einen Sweep f\u00fcr alle g\u00e4ngigen Kunden durch. Wenn Sie mit dem Ticket-Design zufrieden sind, laden Sie den Ticket-Themenordner auf Ihre Live-Website hoch und aktivieren Sie ihn f\u00fcr Ihr(e) Produkt(e). F\u00fchren Sie eine weitere Testrunde durch, um sicherzustellen, dass Ihre \u00c4nderungen korrekt wiedergegeben werden und Ihre Bildpfade funktionieren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Schlusswort<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Anpassung eines FooEvents-Ticket-Themas ist super einfach. Beginnen Sie mit einer soliden Basis, benennen Sie sie um, f\u00fcgen Sie Ihre Grafiken hinzu und bearbeiten Sie dann das CSS\/HTML in kleinen, testbaren Schritten. Halten Sie das Markup f\u00fcr E-Mails einfach und verzichten Sie auf ausgefallenes CSS, das die Kunden ignorieren werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fchlen Sie sich frei, meinen Entwurf f\u00fcr das Halloween-Ticket-Thema sowie das fertige Halloween-Ticket-Thema herunterzuladen und zu \u00e4ndern, Links unten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Ressourcen<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.fooevents.com\/de\/produkt\/pavillon-ticket-thema\/\" target=\"_blank\" rel=\"noopener\">Pavillon Ticket Thema<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.fooevents.com\/de\/produkt\/halloween-ticket-theme-2025\/\" target=\"_blank\" rel=\"noopener\">Halloween-Ticket-Thema<\/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 Thema Photoshop-Datei<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/fonts.google.com\/share?selection.family=Creepster\" target=\"_blank\" rel=\"noopener nofollow\">Logo-Schriftart: Creepster<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/elements.envato.com\/haunted-halloween-house-illustration-58DVZFE\" target=\"_blank\" rel=\"noopener nofollow\">Editierbare Spukhaus-Illustration<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/help.fooevents.com\/docs\/topics\/tickets\/ticket-themes\/\" rel=\"nofollow noopener\" target=\"_blank\">Ticket-Thema Hilfe Leitfaden<\/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\/de\/wp-json\/wp\/v2\/posts\/200243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/users\/1138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/comments?post=200243"}],"version-history":[{"count":10,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/posts\/200243\/revisions"}],"predecessor-version":[{"id":209632,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/posts\/200243\/revisions\/209632"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/media\/200840"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/media?parent=200243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/categories?post=200243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/tags?post=200243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}