{"id":141975,"date":"2024-10-01T01:19:21","date_gmt":"2024-10-01T08:19:21","guid":{"rendered":"https:\/\/help.fooevents.com\/docs\/topics\/events\/calendar-block\/"},"modified":"2024-10-02T00:42:04","modified_gmt":"2024-10-02T07:42:04","slug":"bloc-calendrier-fooevents","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/blocks\/fooevents-calendar-block\/","title":{"rendered":"FooEvents Bloc Calendrier"},"content":{"rendered":"<p>Les <strong>FooEvents Bloc Calendrier<\/strong> est int\u00e9gr\u00e9 dans le <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-calendar\/\" target=\"_blank\" rel=\"noopener\">FooEvents Calendrier<\/a> plugin (<a href=\"https:\/\/help.fooevents.com\/fr\/documents\/themes-2\/changelogs\/calendrier-des-fooevents-2\/\">1.7.4<\/a>et peut \u00eatre utilis\u00e9 pour afficher des calendriers d'\u00e9v\u00e9nements sur votre site web. Le bloc comprend divers filtres, diff\u00e9rentes options de mise en page et des param\u00e8tres personnalisables. Les instructions suivantes expliquent comment ajouter le bloc \u00e0 une page ou \u00e0 un article et le configurer pour afficher des \u00e9v\u00e9nements sur votre site.<\/p>\n<h3>Ajouter le bloc \u00e0 une page ou \u00e0 un message<\/h3>\n<p>Cr\u00e9ez ou modifiez une page ou un message existant et ajoutez l'\u00e9l\u00e9ment <strong>FooEvents Bloc Calendrier<\/strong> en appuyant sur la touche <strong>Ajouter un bloc<\/strong> et en recherchant l'ic\u00f4ne <strong>FooEvents<\/strong>.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-large wp-image-141977\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.22-1024x585.png\" alt=\"Ajout du bloc Calendrier FooEvents\" width=\"1024\" height=\"585\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.22-1024x585.png 1024w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.22-300x171.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.22-768x438.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.22-18x10.png 18w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.22.png 1447w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Vous pouvez \u00e9galement rechercher le <strong>FooEvents Bloc Calendrier<\/strong> directement \u00e0 partir de l'\u00e9diteur en tapant '<strong>\/foo<\/strong>'. WordPress vous proposera alors tous les blocs dont le nom contient 'foo'.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-141978\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.43.png\" alt=\"Ajout du bloc Calendrier FooEvents\" width=\"780\" height=\"213\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.43.png 780w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.43-300x82.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.43-768x210.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.43-18x5.png 18w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>Une fois que vous avez ajout\u00e9 le <strong>FooEvents Bloc Calendrier<\/strong>vous pouvez configurer les param\u00e8tres du bloc <strong>Param\u00e8tres du calendrier<\/strong> en fonction de vos besoins. Pour ce faire, s\u00e9lectionnez l'option <strong>FooEvents Bloc Calendrier<\/strong>et WordPress affichera les param\u00e8tres du bloc dans le panneau lat\u00e9ral droit.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-141979\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.25.07-1024x755.png\" alt=\"Ajout du bloc Calendrier FooEvents\" width=\"1024\" height=\"755\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.25.07-1024x755.png 1024w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.25.07-300x221.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.25.07-768x566.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.25.07-16x12.png 16w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.25.07.png 1232w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Lorsqu'il est visualis\u00e9 dans l'\u00e9diteur de blocs, le calendrier n'affiche qu'un graphique de remplacement. Pour pr\u00e9visualiser le calendrier, ouvrez la page dans la partie frontale de votre site web.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-141980\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.27.08.png\" alt=\"\" width=\"856\" height=\"745\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.27.08.png 856w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.27.08-300x261.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.27.08-768x668.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.27.08-14x12.png 14w\" sizes=\"(max-width: 856px) 100vw, 856px\" \/><\/p>\n<h3>Param\u00e8tres du calendrier<\/h3>\n<p>Les <strong>Param\u00e8tres du calendrier<\/strong> contr\u00f4ler la fa\u00e7on dont les \u00e9v\u00e9nements sont affich\u00e9s dans le calendrier.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-141976\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.22.00.png\" alt=\"FooEvents Blocage du calendrier Param\u00e8tres\" width=\"265\" height=\"752\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.22.00.png 265w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.22.00-106x300.png 106w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.22.00-4x12.png 4w\" sizes=\"(max-width: 265px) 100vw, 265px\" \/><\/p>\n<ul>\n<li><strong>Mise en page du calendrier :<\/strong> Choisissez entre D\u00e9faut, Vue de la liste ann\u00e9e, Vue de la liste mois, Vue de la liste semaine ou Vue de la liste jour.<\/li>\n<li><strong>Limiter le nombre d'\u00e9v\u00e9nements :<\/strong> Activez ou d\u00e9sactivez la limite d'\u00e9v\u00e9nements et d\u00e9finissez le nombre maximum d'\u00e9v\u00e9nements \u00e0 afficher.<\/li>\n<li><strong>Jour de d\u00e9but du calendrier :<\/strong> Choisissez si le calendrier commence le dimanche ou le lundi.<\/li>\n<li><strong>Affichage des week-ends :<\/strong> Active ou d\u00e9sactive l'affichage des week-ends dans le calendrier.<\/li>\n<li><strong>Filtrer par cat\u00e9gorie de limaces :<\/strong> Affichez les \u00e9v\u00e9nements de cat\u00e9gories sp\u00e9cifiques en saisissant les bouchons de cat\u00e9gorie (s\u00e9par\u00e9s par des virgules ou la touche Entr\u00e9e).<\/li>\n<li><strong>Filtrer par identifiant d'article ou de produit :<\/strong> Afficher uniquement des \u00e9v\u00e9nements sp\u00e9cifiques en saisissant les ID d'articles ou de produits concern\u00e9s (s\u00e9par\u00e9s par des virgules ou la touche Entr\u00e9e).<\/li>\n<li><strong>Calendrier ID :<\/strong> Applique un identifiant unique au calendrier. Cela est n\u00e9cessaire pour ajouter plusieurs calendriers \u00e0 une m\u00eame page.<\/li>\n<li><strong>Date par d\u00e9faut :<\/strong> D\u00e9finit la date par d\u00e9faut au format AAAA-MM-JJ. Le calendrier s'ouvrira \u00e0 cette date lors de son premier chargement.<\/li>\n<li><strong>Format de l'heure :<\/strong> Choisissez le format d'heure pr\u00e9f\u00e9r\u00e9 (par d\u00e9faut, H.mm).<\/li>\n<\/ul>\n<h3>Utilisation du bloc Calendrier sur les pages de produits du th\u00e8me Block<\/h3>\n<p>Lors de l'utilisation d'un <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-themes\/\" target=\"_blank\" rel=\"noopener\">WordPress Th\u00e8me de bloc<\/a>, vous pouvez modifier le WooCommerce <strong>Produit unique<\/strong> mod\u00e8le. Pour ce faire, rendez-vous sur <strong>Apparence<\/strong> &gt; <strong>\u00c9diteur<\/strong> &gt; <strong>Mod\u00e8les<\/strong> &gt; <strong>WooCommerce<\/strong> et s\u00e9lectionnez l'option <strong>Produit unique<\/strong> mod\u00e8le.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-141981\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.32.14-1024x756.png\" alt=\"Modifier le mod\u00e8le de produit unique dans un th\u00e8me en bloc.\" width=\"1024\" height=\"756\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.32.14-1024x756.png 1024w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.32.14-300x222.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.32.14-768x567.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.32.14-16x12.png 16w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.32.14.png 1258w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Vous pouvez ensuite modifier le <strong>Produit unique<\/strong> \u00e0 l'aide de l'\u00e9diteur de blocs. Lorsqu'il est plac\u00e9 sur la page <strong>Produit unique<\/strong> le mod\u00e8le <strong>FooEvents Bloc Calendrier<\/strong> \u00e9coutera automatiquement l'identifiant d'un produit et n'affichera que les \u00e9v\u00e9nements relatifs \u00e0 ce produit particulier. Ceci est tr\u00e8s utile lorsque l'on utilise la fonction <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-bookings\/\" target=\"_blank\" rel=\"noopener\">FooEvents R\u00e9servations<\/a> qui ajoute plusieurs options de dates que vos clients peuvent choisir lors de l'achat d'un billet.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-141985\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.52.16-1024x511.png\" alt=\"\" width=\"1024\" height=\"511\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.52.16-1024x511.png 1024w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.52.16-300x150.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.52.16-768x383.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.52.16-1536x766.png 1536w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.52.16-18x9.png 18w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.52.16.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Voici un exemple de page produit personnalis\u00e9e qui utilise le bloc Calendrier FooEvents pour permettre aux clients de choisir une date lors de l'achat de billets.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-141982 size-full\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-09-19-at-13.50.58-2.png\" alt=\"Modifier le mod\u00e8le de produit unique dans un th\u00e8me en bloc.\" width=\"1045\" height=\"2179\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-09-19-at-13.50.58-2.png 1045w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-09-19-at-13.50.58-2-144x300.png 144w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-09-19-at-13.50.58-2-491x1024.png 491w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-09-19-at-13.50.58-2-768x1601.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-09-19-at-13.50.58-2-737x1536.png 737w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-09-19-at-13.50.58-2-982x2048.png 982w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-09-19-at-13.50.58-2-6x12.png 6w\" sizes=\"(max-width: 1045px) 100vw, 1045px\" \/><\/p>","protected":false},"featured_media":0,"parent":141987,"menu_order":21,"comment_status":"closed","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":"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":[],"class_list":["post-141975","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/141975","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=141975"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/141975\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/141987"}],"prev":[{"title":"FooEvents Bloc de listes d'\u00e9v\u00e9nements","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/blocks\/fooevents-event-listing-block\/","href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/136933"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/media?parent=141975"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=141975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}