{"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":"como-puedo-modificar-un-tema-de-ticket-fooevents-existente-o-crear-mi-propio-tema-de-ticket-pdf-o-html","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/es\/docs\/frequently-asked-questions\/ticket-themes\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/","title":{"rendered":"\u00bfC\u00f3mo puedo modificar un tema de ticket FooEvents existente o crear mi propio tema de ticket PDF o HTML?"},"content":{"rendered":"

Este art\u00edculo le gu\u00eda a trav\u00e9s del proceso de creaci\u00f3n de su propio FooEvents Tema del billete<\/strong> que le recomendamos que lea antes de continuar:
\nSea creativo con los temas de las entradas FooEvents - Parte 1<\/a>
\nSea creativo con los temas de las entradas FooEvents - Parte 2<\/a><\/p>\n\n\n\n

Es importante tener en cuenta que la forma en que se generan las entradas PDF es ligeramente diferente a la del HTML y CSS normales. Hay algunos estilos y elementos que podr\u00edan funcionar bien al renderizar un correo electr\u00f3nico o un archivo HTML, pero estos estilos podr\u00edan no ser compatibles con la biblioteca utilizada para generar los archivos PDF.<\/p>\n\n\n\n

A continuaci\u00f3n se indican algunos aspectos importantes que debe tener en cuenta al crear o modificar archivos PDF Ticket Theme:<\/p>\n\n\n\n

    \n
  1. Puedes usar cualquiera JPG<\/strong> o PNG<\/strong> im\u00e1genes. Si las im\u00e1genes PNG con transparencia no se muestran como es debido, deber\u00e1 activar la extensi\u00f3n \"imagick\" en PHP. Si no est\u00e1 seguro de c\u00f3mo hacerlo, es posible que su proveedor de alojamiento pueda ayudarle.<\/li>\n\n\n\n
  2. Intenta evitar usar <table><\/code> sino utilizar elementos <div><\/code> tags.<\/li>\n\n\n\n
  3. Si quieres centrar im\u00e1genes espec\u00edficamente, evita usar la declaraci\u00f3n CSS \u201cmargin: auto\u201d, sino usa \u201ctext-align: center\u201d.\u201d<\/li>\n\n\n\n
  4. No utilices las fuentes Google. Las fuentes integradas Fuente DejaVu<\/strong> admite una amplia gama de caracteres, incluidos los alfabetos griego, cir\u00edlico, hebreo y \u00e1rabe.<\/li>\n\n\n\n
  5. Intenta evitar anidar elementos, por ejemplo.

    Algunos contenidos<\/div>
    <\/code><\/li>\n\n\n\n
  6. No uses la declaraci\u00f3n CSS \u201cdisplay: block\u201d en las im\u00e1genes, ya que podr\u00eda ocultar la imagen en algunos casos.<\/li>\n\n\n\n
  7. Si no quieres que un elemento se extienda por dos p\u00e1ginas, a\u00f1ade la declaraci\u00f3n \u201cpage-break-inside: avoid;\u201d.\u201d<\/li>\n\n\n\n
  8. Si est\u00e1s anidando elementos, entonces aplica el relleno CSS al contenedor interior y no al contenedor exterior.<\/li>\n\n\n\n
  9. Utiliza rutas para las im\u00e1genes en lugar de URLs como en el HTML normal.<\/li>\n\n\n\n
  10. Añadir un cierre <\/body> y no una etiqueta de cierre <\/html> para varias páginas PDF<\/li>\n\n\n\n
  11. No uses la propiedad CSS \u201cfloat\u201d en una etiqueta que est\u00e9 anidada dentro de otra etiqueta flotante.<\/li>\n\n\n\n
  12. Si un cliente compra m\u00e1s de un boleto para el mismo evento, la mayor\u00eda de los temas de boletos en PDF mostrar\u00e1n el encabezado y la informaci\u00f3n del evento seguidos de 3 boletos por p\u00e1gina. Si el boleto en PDF se ve roto, podr\u00eda deberse a que toda esta informaci\u00f3n no cabe en una sola p\u00e1gina. Para solucionarlo, puede usar un logotipo y\/o una imagen de encabezado que no sean tan altos, eliminar relleno, m\u00e1rgenes o texto, o configurarlo para que solo se muestren 1 o 2 boletos en una p\u00e1gina.<\/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\/es\/wp-json\/wp\/v2\/docs\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"predecessor-version":[{"id":148444,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/698\/revisions\/148444"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/800"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/doc_tag?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}