{"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":"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":"<p>Este art\u00edculo le gu\u00eda a trav\u00e9s del proceso de creaci\u00f3n de su propio <strong>FooEvents Tema del billete<\/strong> que le recomendamos que lea antes de continuar:<br \/>\n<a href=\"https:\/\/www.fooevents.com\/get-creative-with-fooevents-ticket-themes-part-1\/\" target=\"_blank\" rel=\"noopener\">Sea creativo con los temas de las entradas FooEvents - Parte 1<\/a><br \/>\n<a href=\"https:\/\/www.fooevents.com\/get-creative-with-fooevents-ticket-themes-part-2\/\" target=\"_blank\" rel=\"noopener\">Sea creativo con los temas de las entradas FooEvents - Parte 2<\/a><\/p>\n<p>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<p>A continuaci\u00f3n se indican algunos aspectos importantes que debe tener en cuenta al crear o modificar archivos PDF Ticket Theme:<\/p>\n<p>1. Puede utilizar <strong>JPG<\/strong> o <strong>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.<br \/>\n2. Intente evitar el uso de <code>&lt;table&gt;<\/code> sino utilizar elementos <code>&lt;div&gt;<\/code> tags.<br \/>\n3. Si desea centrar im\u00e1genes espec\u00edficamente evitar el uso de la declaraci\u00f3n CSS \"margin: auto\", sino m\u00e1s bien utilizar \"text-align: center\"<br \/>\n4. No utilices Google Fonts. Las incorporadas <strong>Fuente DejaVu<\/strong> admite una amplia gama de caracteres, incluidos los alfabetos griego, cir\u00edlico, hebreo y \u00e1rabe.<br \/>\n5. Intenta evitar anidar elementos, por ejemplo<\/p>\n<pre>&lt;div&gt;\r\n  &lt;div&gt;Algunos contenidos&lt;\/div&gt;\r\n&lt;div&gt;\r\n<\/pre>\n<p>6. No utilice la declaraci\u00f3n CSS \"display: block\" en las im\u00e1genes, ya que podr\u00eda ocultar la imagen en algunos casos.<br \/>\n7. Si no desea que un elemento se extienda a lo largo de dos p\u00e1ginas, a\u00f1ada la declaraci\u00f3n \"page-break-inside: avoid;\"<br \/>\n8. Si est\u00e1 anidando elementos, aplique el relleno CSS en el contenedor interior y no en el exterior.<br \/>\n9. Utilice rutas para las im\u00e1genes en lugar de URL como en el HTML normal.<br \/>\n10. A&ntilde;adir un cierre &lt;\/body&gt; y no una etiqueta de cierre &lt;\/html&gt; para varias p&aacute;ginas PDF<br \/>\n11. No utilice la propiedad CSS \"float\" en una etiqueta que est\u00e9 anidada dentro de otra etiqueta flotada<br \/>\n12. Si un cliente compra m\u00e1s de una entrada para el mismo evento, la mayor\u00eda de los temas de entradas en PDF mostrar\u00e1n la cabecera y la informaci\u00f3n del evento seguidas de 3 entradas por p\u00e1gina. Si el ticket PDF parece roto, puede deberse a que toda esta informaci\u00f3n no cabe en una p\u00e1gina. Para solucionarlo puede utilizar un registro y\/o una imagen de cabecera que no sean tan altos, eliminar el relleno, los m\u00e1rgenes o el texto o configurarlo para que s\u00f3lo se muestren 1 \u00f3 2 entradas en una p\u00e1gina.<\/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\/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"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/800"}],"prev":[{"title":"\u00bfPor qu\u00e9 algunas im\u00e1genes de tickets aparecen como \"enlaces activos\" cuando se muestran en un cliente de correo electr\u00f3nico?","link":"https:\/\/help.fooevents.com\/es\/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\/es\/wp-json\/wp\/v2\/docs\/133858"}],"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}]}}