{"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":"2026-06-03T05:38:35","modified_gmt":"2026-06-03T12:38:35","slug":"wie-kann-ich-ein-bestehendes-fooevents-ticket-thema-andern-oder-ein-eigenes-pdf-oder-html-ticket-thema-erstellen","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/de\/docs\/frequently-asked-questions\/ticket-themes\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/","title":{"rendered":"Wie kann ich ein bestehendes FooEvents-Ticket-Thema \u00e4ndern oder ein eigenes PDF- oder HTML-Ticket-Thema erstellen?"},"content":{"rendered":"

Dieser Artikel f\u00fchrt Sie durch den Prozess der Erstellung Ihrer eigenen FooEvents Ticket-Thema<\/strong> die Sie lesen sollten, bevor Sie fortfahren:
\nWerden Sie kreativ mit FooEvents-Ticket-Themen - Teil 1<\/a>
\nWerden Sie kreativ mit FooEvents-Ticket-Themen - Teil 2<\/a><\/p>\n\n\n\n

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\u00f6glicherweise nicht mit der Bibliothek kompatibel, die zur Generierung der PDF-Dateien verwendet wird.<\/p>\n\n\n\n

Hier sind einige wichtige Dinge, die Sie beim Erstellen oder \u00c4ndern von PDF-Ticket-Theme-Dateien beachten sollten:<\/p>\n\n\n\n

    \n
  1. Sie k\u00f6nnen entweder JPG<\/strong> oder PNG<\/strong> Bilder. Wenn PNG-Bilder mit Transparenz nicht wie vorgesehen dargestellt werden, m\u00fcssen Sie die Erweiterung \"imagick\" in PHP aktivieren. Wenn Sie sich nicht sicher sind, wie das geht, kann Ihnen Ihr Hoster vielleicht helfen.<\/li>\n\n\n\n
  2. Versuchen Sie, die Verwendung von zu vermeiden <table><\/code> Elemente, sondern verwenden stattdessen <div><\/code> Tags.<\/li>\n\n\n\n
  3. Wenn Sie Bilder speziell zentrieren m\u00f6chten, vermeiden Sie die CSS-Deklaration \u201cmargin: auto\u201d, sondern verwenden Sie stattdessen \u201ctext-align: center\u201d.\u201d<\/li>\n\n\n\n
  4. Verwenden Sie keine Google-Schriftarten. Die integrierten Schriftart DejaVu<\/strong> unterst\u00fctzt eine Vielzahl von Schriftzeichen, einschlie\u00dflich des griechischen, kyrillischen, hebr\u00e4ischen und arabischen Alphabets.<\/li>\n\n\n\n
  5. Versuchen Sie, verschachtelte Elemente zu vermeiden, z. B.

    Einige Inhalte<\/div>
    <\/code><\/li>\n\n\n\n
  6. Verwenden Sie nicht die CSS-Deklaration \u201cdisplay: block\u201d bei Bildern, da dies das Bild in einigen F\u00e4llen ausblenden k\u00f6nnte.<\/li>\n\n\n\n
  7. Wenn Sie nicht m\u00f6chten, dass sich ein Element \u00fcber zwei Seiten erstreckt, f\u00fcgen Sie die Deklaration \u201cpage-break-inside: avoid;\u201d hinzu.\u201d<\/li>\n\n\n\n
  8. Wenn Sie Elemente verschachteln, wenden Sie CSS-Padding auf den inneren Container an und nicht auf den \u00e4u\u00dferen Container.<\/li>\n\n\n\n
  9. Verwendet Pfade f\u00fcr Bilder anstelle von URLs wie im normalen HTML.<\/li>\n\n\n\n
  10. Eine Schlussformel hinzufügen <\/body> Tag und nicht ein abschließendes <\/html> Tag für mehrere PDF-Seiten<\/li>\n\n\n\n
  11. Verwenden Sie nicht die CSS-Eigenschaft \u201cfloat\u201d auf einem Tag, der in einem anderen gefloaten Tag verschachtelt ist<\/li>\n\n\n\n
  12. Wenn ein Kunde mehr als eine Eintrittskarte f\u00fcr dieselbe Veranstaltung kauft, zeigen die meisten PDF-Ticket-Designs den Kopfbereich und die Veranstaltungsdetails, gefolgt von 3 Eintrittskarten pro Seite an. Wenn das PDF-Ticket fehlerhaft aussieht, liegt es m\u00f6glicherweise daran, dass all diese Informationen nicht auf eine Seite passen. Um dies zu beheben, k\u00f6nnen Sie ein Logo und\/oder ein Kopfbild verwenden, die nicht so hoch sind, Leerzeichen, R\u00e4nder oder Text entfernen oder es so einstellen, dass nur 1 oder 2 Eintrittskarten auf einer Seite angezeigt werden.<\/li>\n<\/ol>","protected":false},"excerpt":{"rendered":"

    This article walks you through the process of creating your own FooEvents Ticket Theme which we recommend you read before continuing: Get Creative with FooEvents Ticket Themes \u2013 Part 1 Get Creative with FooEvents Ticket Themes \u2013 Part 2 It\u2019s important to keep in mind that the way PDF tickets are generated is slightly different […]<\/p>\n","protected":false},"featured_media":0,"parent":800,"menu_order":14,"template":"","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"],"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"predecessor-version":[{"id":148444,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/698\/revisions\/148444"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/800"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/doc_tag?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}