{"id":182598,"date":"2024-04-10T06:47:10","date_gmt":"2024-04-10T13:47:10","guid":{"rendered":"https:\/\/www.fooevents.com\/?p=182598"},"modified":"2024-04-10T06:50:17","modified_gmt":"2024-04-10T13:50:17","slug":"presentation-du-bloc-dannonces-devenements-de-fooevents","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/fr\/introducing-the-fooevents-event-listing-block\/","title":{"rendered":"Pr\u00e9sentation du bloc de listes d'\u00e9v\u00e9nements FooEvents"},"content":{"rendered":"<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"Ajoutez une liste d&#039;\u00e9v\u00e9nements \u00e0 votre site WordPress en utilisant le nouveau bloc de liste d&#039;\u00e9v\u00e9nements FooEvents.\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/LYY1TNRmHFE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<p class=\"blog-intro\">Ces derni\u00e8res semaines ont \u00e9t\u00e9 tr\u00e8s charg\u00e9es pour nous, au si\u00e8ge de FooEvents, et nous pensons que vous allez adorer ce que nous avons fait !<\/p>\n<p>Cette semaine, nous avons lanc\u00e9 notre tout premier bloc WordPress, appel\u00e9 le <strong>FooEvents Bloc de listes d'\u00e9v\u00e9nements<\/strong>. Cette nouveaut\u00e9 passionnante est incluse dans la version principale de l'ouvrage. <a href=\"https:\/\/www.fooevents.com\/fr\/produits\/fooevents-pour-woocommerce\/\">FooEvents pour WooCommerce (v1.19.9)<\/a> et facilite plus que jamais l'affichage d'\u00e9v\u00e9nements sur votre site web WordPress. Il vous suffit d'ajouter le bloc, d'ajuster les options et de publier. En l'espace d'une minute, vous pourrez afficher vos \u00e9v\u00e9nements sur n'importe quel article ou page \u00e0 l'aide de l'\u00e9diteur de blocs int\u00e9gr\u00e9 \u00e0 WordPress.<\/p>\n<p>Les <strong>FooEvents Bloc de listes d'\u00e9v\u00e9nements<\/strong> \u00e9largit ce qui \u00e9tait possible auparavant avec le <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\/\" rel=\"nofollow noopener\" target=\"_blank\">Shortcode pour la liste des \u00e9v\u00e9nements<\/a> en offrant des options de mise en page suppl\u00e9mentaires et en permettant de mieux contr\u00f4ler l'affichage des informations relatives \u00e0 l'\u00e9v\u00e9nement. Il est \u00e9galement plus facile de mettre en \u0153uvre des feuilles de style CSS personnalis\u00e9es et d'adapter le design de la liste d'\u00e9v\u00e9nements \u00e0 vos besoins.<\/p>\n<h3><strong>Comment ajouter le bloc de liste d'\u00e9v\u00e9nements<\/strong><\/h3>\n<p>Ajouter le <strong>FooEvents Bloc de listes d'\u00e9v\u00e9nements<\/strong> \u00e0 votre site est simple. Lorsque vous modifiez une page ou un message, il vous suffit de cliquer sur le bouton '.<strong>Ajouter un bloc<\/strong>et recherchez l'ic\u00f4ne<strong>FooEvents<\/strong>'. Vous pouvez \u00e9galement taper '<strong>\/foo<\/strong>directement dans l'\u00e9diteur pour trouver rapidement le bloc.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-182603 size-full\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39.png\" alt=\"Capture d&#039;\u00e9cran montrant comment ajouter le bloc Liste d&#039;\u00e9v\u00e9nements FooEvents\" width=\"1287\" height=\"535\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39.png 1287w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-300x125.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-1024x426.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-768x319.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-18x7.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-512x213.png 512w\" sizes=\"(max-width: 1287px) 100vw, 1287px\" \/><\/p>\n<p>Par d\u00e9faut, le bloc affichera tous vos \u00e9v\u00e9nements sous forme de liste une fois qu'ils auront \u00e9t\u00e9 ajout\u00e9s. Vous pouvez ensuite modifier la mise en page pour qu'elle devienne compacte ou en mosa\u00efque.<b>. <\/b>Le bloc offre une s\u00e9rie d'options de personnalisation suppl\u00e9mentaires qui peuvent \u00eatre configur\u00e9es pour r\u00e9pondre \u00e0 vos besoins :<\/p>\n<h3>Param\u00e8tres de l'\u00e9v\u00e9nement<\/h3>\n<p>Choisissez le nombre d'\u00e9v\u00e9nements \u00e0 afficher (jusqu'\u00e0 50), leur ordre par date et si vous souhaitez afficher tous les types d'\u00e9v\u00e9nements ou seulement certains d'entre eux. Vous pouvez \u00e9galement filtrer les \u00e9v\u00e9nements par cat\u00e9gorie de produit WooCommerce ou par ID de produit sp\u00e9cifique.<\/p>\n<h3>Param\u00e8tres d'affichage<\/h3>\n<p>Les param\u00e8tres d'affichage comprennent une s\u00e9rie d'options qui permettent de personnaliser la pr\u00e9sentation de la liste et de contr\u00f4ler les informations relatives \u00e0 l'\u00e9v\u00e9nement qui sont affich\u00e9es. Vous pouvez modifier la mise en page et activer ou d\u00e9sactiver des sections individuelles. Voici les options de mise en page :<\/p>\n<h4>Format de liste par d\u00e9faut<\/h4>\n<p>Le format par d\u00e9faut est simple et direct et comprend une option permettant de modifier la position de l'image ou de la masquer compl\u00e8tement.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-183070 size-full\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.07.26.png\" alt=\"FooEvents Event Listing Block List format\" width=\"933\" height=\"805\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.07.26.png 933w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.07.26-300x259.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.07.26-768x663.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.07.26-14x12.png 14w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.07.26-512x442.png 512w\" sizes=\"(max-width: 933px) 100vw, 933px\" \/><\/p>\n<h4>Format des tuiles<\/h4>\n<p>Le format \"tuiles\", bas\u00e9 sur une grille, est id\u00e9al pour afficher un grand nombre d'\u00e9v\u00e9nements, en particulier si vous disposez d'une imagerie de qualit\u00e9.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-183078 size-large\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.23.52-1024x442.png\" alt=\"FooEvents Format des blocs de tuiles de la liste d&#039;\u00e9v\u00e9nements\" width=\"1024\" height=\"442\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.23.52-1024x442.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.23.52-300x130.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.23.52-768x332.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.23.52-18x8.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.23.52-512x221.png 512w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.23.52.png 1310w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h4>Format compact<\/h4>\n<p>Le format compact s'appuie sur les styles de table WooCommerce pour s'adapter \u00e0 tous les th\u00e8mes. Il est \u00e9galement facile \u00e0 scanner pour vos clients, ce qui en fait un excellent moyen de r\u00e9pertorier un grand nombre d'\u00e9v\u00e9nements.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-183072 size-large\" src=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.08.25-1024x605.png\" alt=\"FooEvents Event Listing Block Format compact\" width=\"1024\" height=\"605\" title=\"\" srcset=\"https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.08.25-1024x605.png 1024w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.08.25-300x177.png 300w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.08.25-768x453.png 768w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.08.25-18x12.png 18w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.08.25-512x302.png 512w, https:\/\/www.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-15.08.25.png 1304w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Personnalisez davantage votre liste d'\u00e9v\u00e9nements \u00e0 l'aide d'options telles que l'alignement des images pour la mise en page de la liste, l'ajustement du nombre de colonnes pour la mise en page des tuiles et l'utilisation des styles de table WooCommerce pour la mise en page compacte.<\/p>\n<h3>Configurations suppl\u00e9mentaires<\/h3>\n<p>R\u00e9glez les \u00e9v\u00e9nements pour qu'ils disparaissent automatiquement de la liste apr\u00e8s leur date d'expiration et personnalisez le texte du bouton \"R\u00e9servez maintenant\" pour qu'il corresponde \u00e0 la terminologie de votre site.<\/p>\n<p>Nous esp\u00e9rons que cette nouvelle fonctionnalit\u00e9 vous permettra d'am\u00e9liorer votre capacit\u00e9 \u00e0 pr\u00e9senter et \u00e0 g\u00e9rer des \u00e9v\u00e9nements sur votre site web. Pour des instructions et des conseils plus d\u00e9taill\u00e9s, <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/event-listing-block\/\" rel=\"nofollow noopener\" target=\"_blank\">visitez notre centre d'aide<\/a> ou <a href=\"https:\/\/help.fooevents.com\/fr\/contact\/\" rel=\"nofollow noopener\" target=\"_blank\">contactez notre \u00e9quipe d'assistance<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>It\u2019s been a busy few weeks for us here at FooEvents HQ, and we think you will love what we have been up to! This week we launched our very first WordPress block, called the FooEvents Event Listing Block. This exciting new addition is included in the main FooEvents for WooCommerce (v1.19.9) plugin and makes [&hellip;]<\/p>\n","protected":false},"author":1138,"featured_media":183069,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","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":"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":[51,436],"tags":[403],"class_list":["post-182598","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcement","category-updates","tag-shortcode"],"_links":{"self":[{"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/posts\/182598","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\/1138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/comments?post=182598"}],"version-history":[{"count":0,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/posts\/182598\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/media\/183069"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/media?parent=182598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/categories?post=182598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/fr\/wp-json\/wp\/v2\/tags?post=182598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}