{"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":"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

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

Hier sind einige wichtige Dinge, die Sie beim Erstellen oder \u00c4ndern von PDF-Ticket-Theme-Dateien beachten sollten:<\/p>\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.
\n2. Versuchen Sie, die Verwendung <table><\/code> Elemente, sondern verwenden stattdessen <div><\/code> Tags.
\n3. Wenn Sie Bilder gezielt zentrieren wollen, verwenden Sie nicht die CSS-Deklaration \"margin: auto\", sondern \"text-align: center\".
\n4. Verwenden Sie keine Google-Schriftarten. Die eingebaute Schriftart DejaVu<\/strong> unterst\u00fctzt eine Vielzahl von Schriftzeichen, einschlie\u00dflich des griechischen, kyrillischen, hebr\u00e4ischen und arabischen Alphabets.
\n5. Versuchen Sie, die Verschachtelung von Elementen zu vermeiden, z. B.<\/p>\n

<div>\r\n  <div>Einige Inhalte<\/div>\r\n<div>\r\n<\/pre>\n
6. Verwenden Sie nicht die CSS-Deklaration \"display: block\" f\u00fcr Bilder, da dies in einigen F\u00e4llen das Bild verdecken k\u00f6nnte.
\n7. Wenn Sie nicht wollen, dass sich ein Element \u00fcber zwei Seiten erstreckt, f\u00fcgen Sie die Erkl\u00e4rung \"page-break-inside: avoid;\" hinzu.
\n8. Wenn Sie Elemente verschachteln, wenden Sie CSS-Polsterung auf den inneren Container und nicht auf den \u00e4u\u00dferen Container an.
\n9. Verwenden Sie Pfade f\u00fcr Bilder anstelle von URLs wie in normalem HTML.
\n10. Einen Abschluss hinzufügen <\/body> Tag und nicht ein abschließendes <\/html> Tag für mehrere PDF-Seiten
\n11. Verwenden Sie die CSS-Eigenschaft \"float\" nicht f\u00fcr ein Tag, das in ein anderes floatendes Tag verschachtelt ist
\n12. Wenn ein Kunde mehr als ein Ticket f\u00fcr dieselbe Veranstaltung kauft, zeigen die meisten PDF-Ticket-Themen die Kopfzeile und die Veranstaltungsinformationen an, gefolgt von 3 Tickets pro Seite. Wenn das PDF-Ticket unvollst\u00e4ndig aussieht, k\u00f6nnte das daran liegen, dass all diese Informationen nicht auf eine Seite passen. Um dies zu beheben, k\u00f6nnen Sie ein Protokoll und\/oder ein Kopfzeilenbild verwenden, das nicht so hoch ist, Polsterungen, R\u00e4nder oder Text entfernen oder so einstellen, dass nur 1 oder 2 Tickets auf einer Seite angezeigt werden.<\/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\/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"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/800"}],"prev":[{"title":"Why do some ticket images say they are \"hot linked\" when displayed in an email client?","link":"https:\/\/help.fooevents.com\/de\/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\/de\/wp-json\/wp\/v2\/docs\/133858"}],"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}]}}