{"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":"introductie-van-het-blok-met-fooevents-gebeurtenissen","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/nl\/introducing-the-fooevents-event-listing-block\/","title":{"rendered":"Introductie van het FooEvents blok voor evenementenlijsten"},"content":{"rendered":"<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"Voeg een lijst van evenementen toe aan je WordPress-site met behulp van de nieuwe FooEvents Event Listing Block\" 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\">Het zijn een paar drukke weken geweest voor ons hier op FooEvents HQ, en we denken dat je het leuk zult vinden wat we hebben gedaan!<\/p>\n<p>Deze week hebben we ons allereerste WordPress-blok gelanceerd, genaamd de <strong>FooEvents Evenement Lijst Blok<\/strong>. Deze spannende nieuwe toevoeging is opgenomen in de <a href=\"https:\/\/www.fooevents.com\/nl\/producten\/fooevents-voor-woocommerce\/\">FooEvents voor WooCommerce (v1.19.9)<\/a> plugin en maakt het makkelijker dan ooit om evenementen weer te geven op je WordPress website. Voeg eenvoudig het blok toe, pas de opties aan en publiceer. Binnen een minuut, zult u uw evenementen op elke post of pagina met behulp van de ingebouwde WordPress blok editor.<\/p>\n<p>De <strong>FooEvents Evenement Lijst Blok<\/strong> breidt uit op wat eerder mogelijk was met de <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\/\" rel=\"nofollow noopener\" target=\"_blank\">Evenement Lijst Shortcode<\/a> door extra lay-outopties aan te bieden en meer controle te geven over de weergave van evenementinformatie. Het is ook eenvoudiger om aangepaste CSS te implementeren en het ontwerp van de evenementlijst naar je eigen hand te zetten.<\/p>\n<h3><strong>Het blok Gebeurtenislijst toevoegen<\/strong><\/h3>\n<p>De <strong>FooEvents Evenement Lijst Blok<\/strong> naar je site is eenvoudig. Wanneer u een pagina of bericht bewerkt, klikt u gewoon op de knop '<strong>Blok toevoegen<\/strong>' pictogram en zoek naar '<strong>FooEvents<\/strong>'. U kunt ook '<strong>\/foo<\/strong>' direct in de editor om het blok snel te vinden.<\/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=\"Schermafbeelding van het toevoegen van het FooEvents Event Listing blok\" 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>Standaard geeft het blok al je gebeurtenissen weer in een lijstlay-out zodra het is toegevoegd. Je kunt de lay-out wijzigen in betegeld of compact<b>. <\/b>Het blok biedt een reeks extra aanpassingsopties die kunnen worden geconfigureerd om aan uw behoeften te voldoen:<\/p>\n<h3>Evenement Instellingen<\/h3>\n<p>Kies hoeveel gebeurtenissen moeten worden weergegeven (maximaal 50), hun volgorde op datum en of alle soorten gebeurtenissen moeten worden weergegeven of alleen specifieke. Je kunt gebeurtenissen ook filteren op WooCommerce-productcategorie of specifieke product-ID's.<\/p>\n<h3>Weergave-instellingen<\/h3>\n<p>De weergave-instellingen bevatten een verzameling opties waarmee je de lay-out van de listing kunt aanpassen en kunt bepalen welke gebeurtenisinformatie wordt weergegeven. Je kunt de lay-out aanpassen en individuele secties in- of uitschakelen. Hier zijn de lay-outopties:<\/p>\n<h4>Standaard lijstformaat<\/h4>\n<p>De standaardindeling is eenvoudig en rechttoe rechtaan en bevat een optie om de afbeeldingspositie te wijzigen of helemaal te verbergen.<\/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 Gebeurtenis lijst Blok Lijst formaat\" 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>Tegels Formaat<\/h4>\n<p>De indeling met tegels, een op rasters gebaseerde lay-out, is ideaal voor het weergeven van een groot aantal evenementen, vooral als je geweldig beeldmateriaal hebt.<\/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 Gebeurtenis Lijst Blok Tegels formaat\" 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>Compact formaat<\/h4>\n<p>Het compacte formaat maakt gebruik van WooCommerce tabelstijlen om ervoor te zorgen dat het er geweldig uitziet met elk thema. Het is ook gemakkelijk te scannen voor je klanten, waardoor het een geweldige manier is om een groot aantal evenementen te vermelden.<\/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 Voorvallijst Blok Compact formaat\" 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>Pas je gebeurtenissenlijst verder aan met opties zoals uitlijning van afbeeldingen voor de lijstlay-out, aanpassingen van kolomnummers voor de tegelslay-out en het gebruik van WooCommerce tabelstijlen voor de compacte lay-out.<\/p>\n<h3>Extra configuraties<\/h3>\n<p>Stel in dat evenementen na hun vervaldatum automatisch uit de lijst verdwijnen en pas de tekst van de knop \"Reserveer nu\" aan aan de terminologie van je site.<\/p>\n<p>We hopen dat deze nieuwe functie je beter in staat stelt om evenementen op je website te presenteren en te beheren. Voor meer gedetailleerde instructies en tips, <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/event-listing-block\/\" rel=\"nofollow noopener\" target=\"_blank\">bezoek ons helpcentrum<\/a> of <a href=\"https:\/\/help.fooevents.com\/nl\/contact\/\" rel=\"nofollow noopener\" target=\"_blank\">neem contact op met ons ondersteuningsteam<\/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\/nl\/wp-json\/wp\/v2\/posts\/182598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/users\/1138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/comments?post=182598"}],"version-history":[{"count":0,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/posts\/182598\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/media\/183069"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/media?parent=182598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/categories?post=182598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/nl\/wp-json\/wp\/v2\/tags?post=182598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}