{"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":"jak-mohu-upravit-existujici-motiv-tipu-fooevents-nebo-vytvorit-vlastni-motiv-tipu-pdf-nebo-html","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/cs\/docs\/frequently-asked-questions\/ticket-themes\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/","title":{"rendered":"Jak mohu upravit existuj\u00edc\u00ed motiv tipu FooEvents nebo vytvo\u0159it vlastn\u00ed motiv tipu PDF nebo HTML?"},"content":{"rendered":"

Tento \u010dl\u00e1nek v\u00e1s provede procesem vytv\u00e1\u0159en\u00ed vlastn\u00edho T\u00e9ma vstupenky FooEvents<\/strong> kterou doporu\u010dujeme p\u0159e\u010d\u00edst p\u0159ed pokra\u010dov\u00e1n\u00edm:
\nBu\u010fte kreativn\u00ed s t\u00e9maty vstupenek FooEvents - \u010d\u00e1st 1<\/a>
\nBu\u010fte kreativn\u00ed s t\u00e9maty vstupenek FooEvents - \u010d\u00e1st 2<\/a><\/p>\n\n\n\n

Je d\u016fle\u017eit\u00e9 m\u00edt na pam\u011bti, \u017ee zp\u016fsob generov\u00e1n\u00ed tip\u016f PDF se m\u00edrn\u011b li\u0161\u00ed od b\u011b\u017en\u00e9ho HTML a CSS. N\u011bkter\u00e9 styly a prvky mohou p\u0159i vykreslov\u00e1n\u00ed e-mailu nebo souboru HTML fungovat bez probl\u00e9m\u016f, ale tyto styly nemus\u00ed b\u00fdt kompatibiln\u00ed s knihovnou pou\u017eitou pro generov\u00e1n\u00ed soubor\u016f PDF.<\/p>\n\n\n\n

Zde je n\u011bkolik d\u016fle\u017eit\u00fdch v\u011bc\u00ed, na kter\u00e9 je t\u0159eba d\u00e1vat pozor p\u0159i vytv\u00e1\u0159en\u00ed nebo \u00faprav\u011b soubor\u016f PDF Ticket Theme:<\/p>\n\n\n\n

    \n
  1. M\u016f\u017eete pou\u017e\u00edt bu\u010f JPG<\/strong> nebo PNG<\/strong> obr\u00e1zky. Pokud se obr\u00e1zky PNG s pr\u016fhlednost\u00ed nezobrazuj\u00ed tak, jak maj\u00ed, mus\u00edte v PHP povolit roz\u0161\u00ed\u0159en\u00ed \"imagick\". Pokud si nejste jisti, jak to ud\u011blat, pak by v\u00e1m mohl pomoci v\u00e1\u0161 hostitel.<\/li>\n\n\n\n
  2. Pokuste se vyhnout pou\u017eit\u00ed <table><\/code> prvky, ale sp\u00ed\u0161e pou\u017e\u00edt <div><\/code> tagy.<\/li>\n\n\n\n
  3. Chcete-li zarovnat obr\u00e1zky na st\u0159ed, vyhn\u011bte se pou\u017eit\u00ed CSS deklarace \u201cmargin: auto\u201d a m\u00edsto toho pou\u017eijte \u201ctext-align: center\u201d.\u201d<\/li>\n\n\n\n
  4. Nepou\u017e\u00edvejte p\u00edsma Google. Vestav\u011bn\u00e1 P\u00edsmo DejaVu<\/strong> podporuje \u0161irokou \u0161k\u00e1lu znak\u016f v\u010detn\u011b \u0159eck\u00e9, cyrilice, hebrejsk\u00e9 a arabsk\u00e9 abecedy.<\/li>\n\n\n\n
  5. Sna\u017ete se vyh\u00fdbat vno\u0159en\u00fdm prvk\u016fm, nap\u0159.

    N\u011bjak\u00fd obsah<\/div>
    <\/code><\/li>\n\n\n\n
  6. Nepou\u017e\u00edvejte deklaraci CSS \u201cdisplay: block\u201d na obr\u00e1zky, proto\u017ee v n\u011bkter\u00fdch p\u0159\u00edpadech m\u016f\u017ee obr\u00e1zek skr\u00fdt.<\/li>\n\n\n\n
  7. Pokud nechcete, aby se prvek rozprost\u00edral p\u0159es dv\u011b str\u00e1nky, p\u0159idejte deklaraci \u201cpage-break-inside: avoid;\u201d<\/li>\n\n\n\n
  8. Pokud vno\u0159ujete prvky, aplikujte CSS odsazen\u00ed (padding) na vnit\u0159n\u00ed kontejner, nikoli na vn\u011bj\u0161\u00ed.<\/li>\n\n\n\n
  9. Pou\u017eijte cesty k obr\u00e1zk\u016fm nam\u00edsto URL jako v b\u011b\u017en\u00e9m HTML.<\/li>\n\n\n\n
  10. P\u0159idat zakon\u010dení <\/body> pouze zna\u010dka a ne uzavírací <\/html> tag pro více stránek PDF<\/li>\n\n\n\n
  11. Nepou\u017e\u00edvejte vlastnost CSS \u201cfloat\u201d na zna\u010dku, kter\u00e1 je vno\u0159en\u00e1 do jin\u00e9 plovouc\u00ed zna\u010dky.<\/li>\n\n\n\n
  12. Pokud z\u00e1kazn\u00edk kupuje v\u00edce ne\u017e jednu vstupenku na stejnou akci, v\u011bt\u0161ina motiv\u016f PDF vstupenek zobraz\u00ed z\u00e1hlav\u00ed a informace o akci, n\u00e1sledovan\u00e9 3 vstupenkami na str\u00e1nku. Pokud PDF vstupenka vypad\u00e1 po\u0161kozen\u011b, m\u016f\u017ee to b\u00fdt proto, \u017ee se v\u0161echny tyto informace nevejdou na jednu str\u00e1nku. K vy\u0159e\u0161en\u00ed tohoto probl\u00e9mu m\u016f\u017eete pou\u017e\u00edt logo a\/nebo obr\u00e1zek z\u00e1hlav\u00ed, kter\u00e9 nejsou tak vysok\u00e9, odstranit odsazen\u00ed, okraje nebo text, nebo nastavit tak, aby se na str\u00e1nce zobrazovaly pouze 1 nebo 2 vstupenky.<\/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\/cs\/wp-json\/wp\/v2\/docs\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/cs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/cs\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/help.fooevents.com\/cs\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"predecessor-version":[{"id":148444,"href":"https:\/\/help.fooevents.com\/cs\/wp-json\/wp\/v2\/docs\/698\/revisions\/148444"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/cs\/wp-json\/wp\/v2\/docs\/800"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/cs\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/cs\/wp-json\/wp\/v2\/doc_tag?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}