{"id":970,"date":"2019-11-27T07:13:33","date_gmt":"2019-11-27T14:13:33","guid":{"rendered":"https:\/\/help.fooevents.com\/docs\/topics\/events\/calendar\/"},"modified":"2025-01-24T05:54:06","modified_gmt":"2025-01-24T13:54:06","slug":"calendrier","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/events\/calendar\/","title":{"rendered":"Calendrier"},"content":{"rendered":"<p class=\"notice\">Exige que le\u00a0<a href=\"https:\/\/www.fooevents.com\/fooevents-calendar\/\" target=\"_blank\" rel=\"noopener\">FooEvents Calendrier<\/a>\u00a0plugin<\/p>\n<p>Le plugin FooEvents Calendar permet d'afficher vos \u00e9v\u00e9nements dans un calendrier \u00e9l\u00e9gant sur votre site WordPress. Les calendriers peuvent \u00eatre affich\u00e9s \u00e0 l'aide de simples shortcodes ou widgets. Gr\u00e2ce au plugin FooEvents Calendar, vous pouvez convertir n'importe quel article, page ou type d'article personnalis\u00e9 en \u00e9v\u00e9nement et l'afficher sous forme de calendrier.<\/p>\n<p>Le plugin FooEvents Calendar est enti\u00e8rement compatible avec\u00a0<a href=\"https:\/\/www.fooevents.com\/fr\/\" target=\"_blank\" rel=\"noopener\">FooEvents pour WooCommerce<\/a>\u00a0qui permettent de cr\u00e9er des \u00e9v\u00e9nements plus avanc\u00e9s et de vendre des billets de marque sans commission ni frais de billetterie, directement \u00e0 partir de votre propre site WordPress. FooEvents offre de nombreux pro\u00a0<a href=\"https:\/\/www.fooevents.com\/features\/\" target=\"_blank\" rel=\"noopener\">caract\u00e9ristiques<\/a>\u00a0qui ajoutent des fonctionnalit\u00e9s avanc\u00e9es de gestion d'\u00e9v\u00e9nements \u00e0 votre site web, y compris les services gratuits suivants\u00a0<a href=\"https:\/\/www.fooevents.com\/ticket-themes\/\" target=\"_blank\" rel=\"noopener\">Th\u00e8mes pour les tickets de courrier \u00e9lectronique<\/a>\u00a0et\u00a0<a href=\"https:\/\/www.fooevents.com\/apps\/\" target=\"_blank\" rel=\"noopener\">applications de check-ins<\/a>.<\/p>\n<h2>Sections<\/h2>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><a href=\"#fooevents-calendar-settings\">FooEvents Param\u00e8tres du calendrier<\/a><\/li>\n<li><a href=\"#calendar-colors\">Couleurs du calendrier<\/a><\/li>\n<li><a href=\"#calendar-shortcodes\">Shortcodes pour le calendrier<\/a><\/li>\n<li><a href=\"#adding-a-widget-view-of-the-calendar\">Ajout d'un widget de visualisation du calendrier<\/a><\/li>\n<li><a href=\"#fullcalendar-javascript-library\">Biblioth\u00e8que JavaScript FullCalendar<\/a><\/li>\n<li><a href=\"#eventbrite-configuration\">Configuration d'Eventbrite<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 id=\"fooevents-calendar-settings\">FooEvents Param\u00e8tres du calendrier<\/h3>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-132470 size-full\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/fooevents-calendar-settings-2021.png\" alt=\"\" width=\"727\" height=\"531\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/fooevents-calendar-settings-2021.png 727w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/fooevents-calendar-settings-2021-300x219.png 300w\" sizes=\"(max-width: 727px) 100vw, 727px\" \/><\/p>\n<ul>\n<li>Acc\u00e9dez \u00e0 votre <strong>Zone d'administration de WordPress<\/strong><\/li>\n<li>Naviguez jusqu'\u00e0 <strong>FooEvents<\/strong> &gt; <strong>Param\u00e8tres<\/strong> &gt;\u00a0<strong>Calendrier<\/strong><\/li>\n<li><a href=\"https:\/\/help.fooevents.com\/fr\/documents\/themes-2\/configuration-de-linstallation\/parametres-globaux\/#calendar\">R\u00e9glages divers<\/a> peuvent \u00eatre configur\u00e9s pour modifier le comportement et l'affichage de votre calendrier.<\/li>\n<\/ul>\n<h3 id=\"calendar-colors\">Couleurs du calendrier<\/h3>\n<p>Vous pouvez d\u00e9finir un <strong>arri\u00e8re-plan<\/strong> et <strong>couleur du texte<\/strong> pour chaque \u00e9v\u00e9nement. Le nom de l'\u00e9v\u00e9nement utilisera ces couleurs lorsqu'il s'affichera dans l'\u00e9cran d'accueil. <strong>grille d'affichage du calendrier<\/strong>. Ces param\u00e8tres modifient \u00e9galement la couleur de l'arri\u00e8re-plan et du texte de l'ic\u00f4ne de la date dans l'application FooEvents Check-ins. Pour d\u00e9finir les couleurs du calendrier pour votre \u00e9v\u00e9nement, proc\u00e9dez comme suit :<\/p>\n<ol>\n<li>Acc\u00e9dez \u00e0 votre\u00a0<strong>Zone d'administration de WordPress<\/strong><\/li>\n<li>Modifier le <strong>\u00e9v\u00e9nement<\/strong><\/li>\n<li>Cliquez sur l'ic\u00f4ne <strong>Param\u00e8tres de l'\u00e9v\u00e9nement<\/strong> onglet<\/li>\n<li>S\u00e9lectionnez une couleur pour <strong>Couleur d'arri\u00e8re-plan du calendrier<\/strong><\/li>\n<li>S\u00e9lectionnez une couleur pour <strong>Couleur du texte du calendrier<\/strong><\/li>\n<li><strong>Mise \u00e0 jour<\/strong> votre \u00e9v\u00e9nement<\/li>\n<\/ol>\n<h3 id=\"calendar-shortcodes\">Shortcodes pour le calendrier<\/h3>\n<p>Visitez le site <a href=\"https:\/\/help.fooevents.com\/fr\/documents\/themes-2\/evenements\/shortcodes\/\">Shortcodes<\/a> pour plus de d\u00e9tails.<\/p>\n<h3 id=\"adding-a-widget-view-of-the-calendar\">Ajout d'un widget de visualisation du calendrier<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screen-Shot-2019-12-13-at-7.46.56-AM.png\" alt=\"Widget calendrier\" width=\"441\" height=\"242\" title=\"\"><\/p>\n<ol>\n<li>Aller \u00e0 <strong>Apparence<\/strong> &gt; <strong>Widgets<\/strong><\/li>\n<li>Faire glisser le <strong>FooEvents Widget calendrier<\/strong> dans le <strong>zone de widget<\/strong> \u00e0 l'endroit o\u00f9 vous souhaitez qu'il s'affiche<\/li>\n<li>Type a <strong>titre du widget<\/strong><\/li>\n<li>S\u00e9lectionnez le type de vue que vous souhaitez utiliser - <strong>Calendrier ou liste<\/strong><\/li>\n<li><strong>Vue du calendrier :<\/strong>\n<ol style=\"list-style-type: lower-roman;\">\n<li>Vous pouvez sp\u00e9cifier la date \u00e0 laquelle vous souhaitez que le calendrier commence. S'il n'y a pas de date, le calendrier prendra par d\u00e9faut la date du jour.<\/li>\n<li>Exemple de format de date : 2016-09-01 (aaaa\/mm\/jj)<\/li>\n<\/ol>\n<\/li>\n<li><strong>Vue de liste :<\/strong>\n<ol style=\"list-style-type: lower-roman;\">\n<li>Vous pouvez d\u00e9finir le nombre d'\u00e9v\u00e9nements \u00e0 afficher. Par d\u00e9faut, la liste affiche les 5 derniers \u00e9v\u00e9nements.<\/li>\n<\/ol>\n<\/li>\n<li>Cliquez sur <strong>\u00c9conomiser<\/strong> pour confirmer vos modifications<\/li>\n<\/ol>\n<h2>Afficher les articles, les pages et les types d'articles personnalis\u00e9s dans le calendrier<\/h2>\n<p>Ajoutez n'importe quel article, page ou type d'article personnalis\u00e9 \u00e0 vos calendriers d'\u00e9v\u00e9nements. Il vous suffit d'activer les types d'articles concern\u00e9s dans les param\u00e8tres de FooEvents et d'ajouter les informations relatives \u00e0 l'\u00e9v\u00e9nement aux articles correspondants.<\/p>\n<p>Activer les types de messages :<\/p>\n<ol>\n<li>Aller \u00e0 <strong>FooEvents<\/strong> &gt; <strong>Param\u00e8tres<\/strong> &gt; <strong>Calendrier<\/strong><\/li>\n<li>S\u00e9lectionnez les types de messages qui doivent \u00eatre affich\u00e9s dans le calendrier en les s\u00e9lectionnant dans la liste des types de messages. <strong>Associer \u00e0 des types de messages<\/strong> champ multis\u00e9lection.<\/li>\n<\/ol>\n<p>D\u00e9finir les articles, les pages et les types d'articles personnalis\u00e9s comme des \u00e9v\u00e9nements :<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-138398 size-full\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/Screenshot-2024-06-04-at-16.29.36.png\" alt=\"Capture d&#039;\u00e9cran des param\u00e8tres du calendrier de FooEvents\" width=\"724\" height=\"594\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/Screenshot-2024-06-04-at-16.29.36.png 724w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/Screenshot-2024-06-04-at-16.29.36-300x246.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/Screenshot-2024-06-04-at-16.29.36-15x12.png 15w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/><\/p>\n<ol>\n<li>Modifier l'article, la page ou le type d'article personnalis\u00e9 concern\u00e9<\/li>\n<li>Faites d\u00e9filer vers le bas jusqu'\u00e0 la rubrique <strong>FooEvents Param\u00e8tres du calendrier<\/strong><\/li>\n<li>S\u00e9lectionner <strong>Oui<\/strong> de la <strong>Ce post est-il un \u00e9v\u00e9nement ?<\/strong> et saisissez l'option <strong>Date de d\u00e9but<\/strong>, <strong>Date de fin<\/strong>, <strong>Heure de d\u00e9but<\/strong>, <strong>Heure de fin<\/strong>, <strong>Fuseau horaire<\/strong>. Note : Des options suppl\u00e9mentaires seront disponibles si le <a href=\"https:\/\/www.fooevents.com\/fooevents-multi-day\/\" target=\"_blank\" rel=\"noopener\">FooEvents Plusieurs jours<\/a> est install\u00e9.<\/li>\n<li><strong>\u00c9conomiser<\/strong> la page\/le message<\/li>\n<\/ol>\n<h3 id=\"fullcalendar-javascript-library\">Biblioth\u00e8que JavaScript FullCalendar<\/h3>\n<p>Le plugin Calendrier de FooEvents utilise la fonction<a href=\"https:\/\/fullcalendar.io\/\" rel=\"nofollow noopener\" target=\"_blank\">\u00a0Calendrier complet<\/a>\u00a0afin de g\u00e9n\u00e9rer des vues de calendriers. Nous mettrons \u00e0 jour la biblioth\u00e8que FullCalendar dans les prochaines mises \u00e0 jour du plugin, mais si vous souhaitez modifier ou mettre \u00e0 jour manuellement la version de la biblioth\u00e8que vous-m\u00eame, voici la marche \u00e0 suivre :<\/p>\n<ol>\n<li>T\u00e9l\u00e9chargez la derni\u00e8re version de la biblioth\u00e8que FullCalendar :\u00a0<a href=\"https:\/\/fullcalendar.io\/download\/\" rel=\"nofollow noopener\" target=\"_blank\">https:\/\/fullcalendar.io\/download\/<\/a><\/li>\n<li>Extraire l'archive .zip<\/li>\n<li>Copiez les fichiers .js et .css dans le r\u00e9pertoire\u00a0<i>fooevents_calendar\/js\/<\/i>\u00a0et\u00a0<i>fooevents\/css\/<\/i>\u00a0et \u00e9craser les fichiers existants<\/li>\n<\/ol>\n<p dir=\"ltr\"><b>NB :<\/b>\u00a0Nous vous recommandons vivement de cr\u00e9er une sauvegarde des r\u00e9pertoires ci-dessus avant d'\u00e9craser les fichiers existants.<\/p>\n<h3 id=\"eventbrite-configuration\">Configuration d'Eventbrite<\/h3>\n<p>Le plugin Calendrier de FooEvents peut cr\u00e9er automatiquement vos \u00e9v\u00e9nements sur Eventbrite, ce qui vous permet d'\u00e9conomiser du temps et des efforts. Un \"jeton oAuth Eventbrite\" est n\u00e9cessaire pour communiquer avec Eventbrite. Pour g\u00e9n\u00e9rer le jeton oAuth, veuillez suivre les \u00e9tapes suivantes :<\/p>\n<ol>\n<li>Connectez-vous \u00e0 votre <strong>Compte Eventbrite<\/strong><\/li>\n<li>Naviguez jusqu'\u00e0\u00a0<strong>Param\u00e8tres du compte<\/strong> &gt;\u00a0<strong>Liens avec les d\u00e9veloppeurs<\/strong> &gt;\u00a0<strong>Cl\u00e9s d'api<\/strong><\/li>\n<li>Cliquez sur <strong>Cr\u00e9er une cl\u00e9 API<\/strong><\/li>\n<li>Compl\u00e9tez le formulaire avec vos coordonn\u00e9es<\/li>\n<li>Pour plus de d\u00e9tails sur l'application, veuillez consulter le site suivant :\n<ol style=\"list-style-type: lower-roman;\">\n<li><strong>URL de l'application<\/strong>\u00a0- L'URL de votre site web WordPress<\/li>\n<li><strong>Nom de l'application<\/strong>\u00a0- Choisissez un nom pour votre application, par exemple YOURWEBSITENAME-FOOEVENTS.<\/li>\n<li><strong>Description<\/strong>\u00a0- par exemple : \"FooEvents Int\u00e9gration du calendrier\".<\/li>\n<\/ol>\n<\/li>\n<li>Sur la page \"App Management\", cliquez sur le bouton <strong>Afficher la cl\u00e9 API, le secret client et les jetons<\/strong>\u00a0lien<\/li>\n<li>Copie <strong>Jeton priv\u00e9<\/strong><\/li>\n<li>Naviguez jusqu'\u00e0 votre <strong>Zone d'administration de WordPress<\/strong><\/li>\n<li>Naviguez jusqu'\u00e0\u00a0<strong>FooEvents<\/strong> &gt;\u00a0<strong>Param\u00e8tres<\/strong> &gt;\u00a0<strong>Int\u00e9gration<\/strong><\/li>\n<li>Coller <strong>Jeton priv\u00e9<\/strong> dans le <strong>Jeton priv\u00e9 Eventbrite<\/strong>\u00a0option<\/li>\n<li>Cliquez sur <strong>Enregistrer les modifications<\/strong><\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2450\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/Eventbrite-private-token-300x118.png\" alt=\"\" width=\"450\" height=\"177\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/Eventbrite-private-token-300x118.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/Eventbrite-private-token-768x302.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/11\/Eventbrite-private-token.png 844w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<p><b>NB :<\/b> Si la configuration s'est d\u00e9roul\u00e9e correctement, vous devriez voir appara\u00eetre un message <strong>Ajouter un \u00e9v\u00e9nement \u00e0 Eventbrite<\/strong> de l'option <a href=\"https:\/\/help.fooevents.com\/fr\/documents\/themes-2\/evenements\/organisation-de-levenement\/#event-settings\">Param\u00e8tres de l'\u00e9v\u00e9nement<\/a> lors de l'\u00e9dition de votre \u00e9v\u00e9nement.<\/p>","protected":false},"featured_media":0,"parent":941,"menu_order":7,"comment_status":"open","ping_status":"closed","template":"","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":"set","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":[270,265,214,264,268],"class_list":["post-970","docs","type-docs","status-publish","hentry","doc_tag-eventbrite","doc_tag-fooevents-calendar","doc_tag-fullcalendar","doc_tag-shortcode","doc_tag-widget"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/970","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"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/comments?post=970"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/970\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/941"}],"next":[{"title":"Expiration de l'\u00e9v\u00e9nement","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/events\/event-expiration\/","href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/131751"}],"prev":[{"title":"\u00c9v\u00e9nements de plusieurs jours","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/events\/multi-day-events\/","href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/969"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/media?parent=970"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}