{"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":"comment-puis-je-modifier-un-theme-de-billetterie-fooevents-existant-ou-creer-mon-propre-theme-de-billetterie-pdf-ou-html","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/fr\/docs\/frequently-asked-questions\/ticket-themes\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/","title":{"rendered":"Comment puis-je modifier un th\u00e8me de billetterie FooEvents existant ou cr\u00e9er mon propre th\u00e8me de billetterie PDF ou HTML ?"},"content":{"rendered":"

Cet article vous guide tout au long du processus de cr\u00e9ation de votre propre FooEvents Th\u00e8me de billetterie<\/strong> que nous vous recommandons de lire avant de continuer :
\nSoyez cr\u00e9atifs avec les th\u00e8mes de billets du FooEvents - Partie 1<\/a>
\nSoyez cr\u00e9atifs avec les th\u00e8mes de billets FooEvents - Partie 2<\/a><\/p>\n\n\n\n

Il est important de garder \u00e0 l'esprit que la fa\u00e7on dont les tickets PDF sont g\u00e9n\u00e9r\u00e9s est l\u00e9g\u00e8rement diff\u00e9rente de l'HTML et du CSS ordinaires. Certains styles et \u00e9l\u00e9ments peuvent fonctionner correctement lors du rendu d'un courriel ou d'un fichier HTML, mais ces styles peuvent ne pas \u00eatre compatibles avec la biblioth\u00e8que utilis\u00e9e pour g\u00e9n\u00e9rer les fichiers PDF.<\/p>\n\n\n\n

Voici quelques points importants \u00e0 prendre en compte lors de la cr\u00e9ation ou de la modification de fichiers PDF Ticket Theme :<\/p>\n\n\n\n

    \n
  1. You can use either JPG<\/strong> ou PNG<\/strong> images. Si les images PNG avec transparence ne s'affichent pas comme pr\u00e9vu, vous devez activer l'extension \"imagick\" en PHP. Si vous ne savez pas comment proc\u00e9der, votre h\u00e9bergeur pourra peut-\u00eatre vous aider.<\/li>\n\n\n\n
  2. Try to avoid using <table><\/code> mais plut\u00f4t d'utiliser les \u00e9l\u00e9ments <div><\/code> \u00e9tiquettes.<\/li>\n\n\n\n
  3. If you want to center images specifically avoid using the CSS declaration \u201cmargin: auto\u201d but rather use \u201ctext-align: center\u201d<\/li>\n\n\n\n
  4. Don\u2019t use Google Fonts. The built-in Police DejaVu<\/strong> prend en charge un large \u00e9ventail de caract\u00e8res, y compris les alphabets grec, cyrillique, h\u00e9breu et arabe.<\/li>\n\n\n\n
  5. Try to avoid nesting elements e.g.
    <div>
    <div>Some content<\/div>
    <div><\/code><\/li>\n\n\n\n
  6. Don\u2019t use the CSS declaration \u201cdisplay: block\u201d on images as it might hide the image in some cases.<\/li>\n\n\n\n
  7. If you don\u2019t want an element to stretch over two pages, add the declaration \u201cpage-break-inside: avoid;\u201d<\/li>\n\n\n\n
  8. If you are nesting elements then apply CSS padding on the inner container and not the outer container.<\/li>\n\n\n\n
  9. Use paths for images instead of URLs like in regular HTML.<\/li>\n\n\n\n
  10. Add a closing <\/body> et non une balise de fermeture <\/html> pour plusieurs pages PDF<\/li>\n\n\n\n
  11. Don\u2019t use the CSS \u201cfloat\u201d property on a tag that is nested inside another floated tag<\/li>\n\n\n\n
  12. If a customer is buying more than one ticket for the same event then most PDF ticket themes will display the header and event information followed by 3 tickets, per page. If the PDF ticket looks broken then it might be because all this information does not fit on one page. To fix this you can use a log and\/or header image that are not as high, remove padding, margins or text or set it so that only 1 or 2 tickets are shown on one page.<\/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\/fr\/wp-json\/wp\/v2\/docs\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"predecessor-version":[{"id":148444,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/698\/revisions\/148444"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/800"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}