{"id":32879,"date":"2018-10-29T12:46:00","date_gmt":"2018-10-29T18:46:00","guid":{"rendered":"https:\/\/www.fooevents.com\/?p=32879"},"modified":"2024-01-25T00:41:39","modified_gmt":"2024-01-25T08:41:39","slug":"soyez-creatifs-avec-les-themes-de-billets-de-fooevents-partie-2","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/fr\/get-creative-with-fooevents-ticket-themes-part-2\/","title":{"rendered":"Soyez cr\u00e9atifs avec les th\u00e8mes de billets du FooEvents - Partie 1"},"content":{"rendered":"<p>Vous souhaitez personnaliser les billets que vos clients re\u00e7oivent au-del\u00e0 des options standard ? En <a title=\"Soyez cr\u00e9atifs avec les th\u00e8mes de billets du FooEvents - Partie 1\" href=\"https:\/\/www.fooevents.com\/fr\/soyez-creatifs-avec-les-themes-de-billets-de-fooevents-partie-1\/\">Soyez cr\u00e9atifs avec les th\u00e8mes de billets du FooEvents - Partie 1<\/a> nous avons expliqu\u00e9 ce que <a title=\"\" href=\"https:\/\/www.fooevents.com\/fr\/themes-des-billets\/\">FooEvents Th\u00e8mes des billets<\/a> et comment les utiliser. Dans ce billet, nous allons vous montrer comment vous pouvez acc\u00e9der et modifier les fichiers sources des tickets HTML directement et faire en sorte que les tickets ressemblent exactement \u00e0 ce que vous voulez ! Si vous souhaitez apprendre \u00e0 travailler avec <strong>Th\u00e8mes des tickets PDF<\/strong> nous vous recommandons de lire d'abord les \u00e9tapes ci-dessous et ensuite <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/tickets\/ticket-themes\/\" rel=\"nofollow noopener\" target=\"_blank\">lire cet article<\/a> pour plus d'informations.<\/p>\n<h2>Voici un guide \u00e9tape par \u00e9tape qui montre comment y parvenir :<\/h2>\n<p><span style=\"border: 1px solid #935a8a; padding: 10px;\"><b>REMARQUE : des comp\u00e9tences en HTML et CSS sont requises !<\/b> <\/span><\/p>\n<h3>\u00c9tape 1 : T\u00e9l\u00e9charger un th\u00e8me de billetterie<\/h3>\n<p>T\u00e9l\u00e9charger le <a title=\"FooEvents Ticket Starter Theme\" href=\"https:\/\/www.fooevents.com\/fr\/produit\/theme-du-ticket-de-depart\/\">FooEvents Ticket Starter Theme<\/a> ou l'un de nos nombreux <em>gratuit<\/em> <a title=\"FooEvents Th\u00e8mes des billets\" href=\"https:\/\/www.fooevents.com\/fr\/themes-des-billets\/\">th\u00e8mes de billets premium<\/a><\/p>\n<h3>\u00c9tape 2 : Apporter des modifications<\/h3>\n<p>1. Extrayez le fichier ZIP du th\u00e8me du billet que vous avez t\u00e9l\u00e9charg\u00e9<br \/>\n2. Vous pouvez renommer ce dossier. Utilisez un ou plusieurs mots s\u00e9par\u00e9s par des traits de soulignement, pas d'espaces !<br \/>\n3. Ouvrir les fichiers <i>\"header.php\"<\/i>, <i>\"ticket.php<\/i> et <i>\"footer.php\"<\/i> dans votre \u00e9diteur de texte pr\u00e9f\u00e9r\u00e9 :<\/p>\n<ul>\n<li>Le dossier <i>\"header.php\"<\/i> contient le logo, l'image d'en-t\u00eate, les d\u00e9tails g\u00e9n\u00e9raux de l'\u00e9v\u00e9nement tels que l'heure, le lieu et le lien \"Ajouter au calendrier\".<\/li>\n<li>Le dossier <i>\"ticket.php<\/i> contient le code-barres et des informations sp\u00e9cifiques sur les participants, telles que le nom, les champs personnalis\u00e9s et les si\u00e8ges. Le code dans <i>\"ticket.php<\/i> sera r\u00e9p\u00e9t\u00e9e pour chaque billet si le client a achet\u00e9 plusieurs billets pour le m\u00eame \u00e9v\u00e9nement au cours d'une m\u00eame transaction.<\/li>\n<li>Le dossier <i>\"footer.php\"<\/i> contient les informations de contact<\/li>\n<\/ul>\n<p>4. Personnaliser le HTML et le CSS :<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Si vous souhaitez modifier les couleurs d'un th\u00e8me premium, vous devrez rechercher toutes les occurrences de la couleur dans les styles CSS en ligne.<\/li>\n<li>Vous pouvez soit t\u00e9l\u00e9charger vos images dans le dossier \"images\" du dossier du th\u00e8me, soit les h\u00e9berger ailleurs.<\/li>\n<li>Dans les deux cas, assurez-vous que vous utilisez des URL absolues pour r\u00e9f\u00e9rencer les images.<\/li>\n<li>Si vous avez t\u00e9l\u00e9charg\u00e9 vos images dans la base de donn\u00e9es <i>\"images\"<\/i> assurez-vous que le dossier <i>\"src\"<\/i> commence par le code suivant :<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre>&lt;?php echo $themePacksURL.'theme\/images\/'; ?&gt;<\/pre>\n<ul>\n<li>Si vous utilisez des images dans le <i>\"images\"<\/i> n'oubliez pas de modifier <i>\"nom_du_th\u00e8me\"<\/i> au m\u00eame endroit que celui o\u00f9 vous avez nomm\u00e9 le dossier de votre th\u00e8me \u00e0 l'\u00e9tape 2<\/li>\n<li>Vous pouvez modifier l'image appel\u00e9e <i>\"preview.jpg\"<\/i> \u00e0 quelque chose qui repr\u00e9sente votre th\u00e8me<\/li>\n<\/ul>\n<h3>\u00c9tape 3 : T\u00e9l\u00e9chargement des fichiers modifi\u00e9s sur le serveur<\/h3>\n<p>1. Utilisez un client FTP tel que Filezilla pour acc\u00e9der aux fichiers de votre serveur.<br \/>\n2. Acc\u00e9dez au r\u00e9pertoire \"<em>your-wordpress-install\/wp-content\/uploads\/fooevents\/themes\/<\/em>\u201d<br \/>\n3. T\u00e9l\u00e9chargez le dossier complet des th\u00e8mes ici<\/p>\n<h3>\u00c9tape 4 : Testez votre th\u00e8me<\/h3>\n<p>1. Connectez-vous \u00e0 votre zone d'administration WordPress et allez dans Tickets -&gt; Ticket Themes<br \/>\n2. Recherchez le nouveau th\u00e8me de billet que vous avez cr\u00e9\u00e9<br \/>\n3. Cliquez sur l'image<br \/>\n4. Envoyez un aper\u00e7u \u00e0 votre adresse \u00e9lectronique pour voir un exemple de l'aspect de vos billets s'ils utilisent ce th\u00e8me.<br \/>\n5. Si vous n'\u00eates pas satisfait du r\u00e9sultat, revenez \u00e0 la modification du HTML et du CSS et t\u00e9l\u00e9chargez \u00e0 nouveau les fichiers sur votre serveur.<\/p>\n<h3>\u00c9tape 5 : D\u00e9finir le th\u00e8me<\/h3>\n<p>Vous pouvez appliquer votre nouveau th\u00e8me de billetterie \u00e0 votre \u00e9v\u00e9nement une fois que vous \u00eates satisfait.<\/p>\n<p>1. Allez dans \"Produits\" dans la zone d'administration de WordPress.<br \/>\n2. Modifiez votre \u00e9v\u00e9nement<br \/>\n3. Cliquez sur l'onglet \"Param\u00e8tres du ticket\".<br \/>\n4. S\u00e9lectionnez votre th\u00e8me dans la liste d\u00e9roulante \"Th\u00e8me du ticket HTML\".<br \/>\n5. Mettre \u00e0 jour votre \u00e9v\u00e9nement<\/p>\n<p>Les billets que vos clients recevront \u00e0 l'avenir pour cet \u00e9v\u00e9nement utiliseront d\u00e9sormais votre nouveau mod\u00e8le. Vous pouvez \u00e9galement tester \u00e0 nouveau votre th\u00e8me de billet en renvoyant un billet existant \u00e0 votre propre adresse \u00e9lectronique.<\/p>","protected":false},"excerpt":{"rendered":"<p>Do you want to customize the tickets that your customers receive beyond the standard options? In Get Creative with FooEvents Ticket Themes &#8211; Part 1 we explained what FooEvents Ticket Themes are and how to use them. In this post we will show you how you can access and modify the source files for the [&hellip;]<\/p>\n","protected":false},"author":1668,"featured_media":33003,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","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":"default","adv-header-id-meta":"","stick-header-meta":"default","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":"var(--ast-global-color-4)","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":""},"categories":[53,436],"tags":[69,165,68,61,56,70,116],"class_list":["post-32879","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howto","category-updates","tag-colors","tag-customize","tag-font-sizes","tag-fooevents","tag-howto","tag-logo","tag-ticket-theme"],"_links":{"self":[{"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/posts\/32879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/users\/1668"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/comments?post=32879"}],"version-history":[{"count":0,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/posts\/32879\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/media\/33003"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/media?parent=32879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/categories?post=32879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/tags?post=32879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}