{"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":"fooevents-kalenderblok","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/nl\/docs\/topics\/blocks\/fooevents-calendar-block\/","title":{"rendered":"FooEvents Kalenderblok"},"content":{"rendered":"<p>De <strong>FooEvents Kalenderblok<\/strong> is ingebouwd in de <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-calendar\/\" target=\"_blank\" rel=\"noopener\">FooEvents Kalender<\/a> plugin (<a href=\"https:\/\/help.fooevents.com\/nl\/documentatie\/onderwerpen\/changelogs\/fooevents-kalender\/\">1.7.4<\/a>plugin en kan worden gebruikt om evenementenkalenders weer te geven op je website. Het blok bevat verschillende filters, verschillende lay-outopties en aanpasbare instellingen. In de volgende instructies wordt uitgelegd hoe je het blok kunt toevoegen aan een pagina of bericht en hoe je het kunt configureren om evenementen weer te geven op je site.<\/p>\n<h3>Het blok toevoegen aan een pagina of bericht<\/h3>\n<p>Maak of wijzig een bestaande pagina of post en voeg de <strong>FooEvents Kalenderblok<\/strong> door op de <strong>Blok toevoegen<\/strong> pictogram en zoeken naar <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=\"Het FooEvents kalenderblok toevoegen\" 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>U kunt ook zoeken naar de <strong>FooEvents Kalenderblok<\/strong> rechtstreeks vanuit de editor door '<strong>\/foo<\/strong>'. WordPress zal dan alle blokken voorstellen die 'foo' in hun naam hebben.<\/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=\"Het FooEvents kalenderblok toevoegen\" 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>Zodra u de <strong>FooEvents Kalenderblok<\/strong>kunt u het blok configureren <strong>Kalenderinstellingen<\/strong> op basis van uw vereisten. Selecteer hiervoor de <strong>FooEvents Kalenderblok<\/strong>en WordPress toont de blokinstellingen in het rechter zijpaneel.<\/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=\"Het FooEvents kalenderblok toevoegen\" 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>Als de kalender in de blok-editor wordt bekeken, wordt er alleen een plaatsaanduiding voor de kalender weergegeven. Om een voorbeeld van de kalender te bekijken, open je de pagina op de voorkant van je website.<\/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>Kalenderinstellingen<\/h3>\n<p>De <strong>Kalenderinstellingen<\/strong> bepalen hoe gebeurtenissen worden weergegeven in de kalender.<\/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 Kalenderblok Instellingen\" 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>Kalenderindeling:<\/strong> Kies uit Standaard, Lijstweergave jaar, Lijstweergave maand, Lijstweergave week of Lijstweergave dag.<\/li>\n<li><strong>Beperk het aantal evenementen:<\/strong> Schakel de gebeurtenislimiet in of uit en stel het maximum aantal weer te geven gebeurtenissen in.<\/li>\n<li><strong>Begindag kalender:<\/strong> Kies of de kalender op zondag of maandag begint.<\/li>\n<li><strong>Weekend weergeven:<\/strong> De weergave van weekends in de kalender in- of uitschakelen.<\/li>\n<li><strong>Filter op categorie slakken:<\/strong> Toon gebeurtenissen uit specifieke categorie\u00ebn door de categorie slugs in te voeren (gescheiden door komma's of de Enter-toets).<\/li>\n<li><strong>Filter op bericht- of product-ID's:<\/strong> Geef alleen specifieke gebeurtenissen weer door de relevante bericht- of product-ID's in te voeren (gescheiden door komma's of de Enter-toets).<\/li>\n<li><strong>Kalender ID:<\/strong> Geef een unieke ID aan de kalender. Dit is nodig als je meerdere kalenders aan \u00e9\u00e9n pagina toevoegt.<\/li>\n<li><strong>Standaarddatum:<\/strong> Stel de standaarddatum in in het formaat JJJJ-MM-DD. De kalender opent op deze datum wanneer hij voor het eerst wordt geladen.<\/li>\n<li><strong>Tijdsindeling:<\/strong> Kies het gewenste tijdformaat (standaard, H.mm).<\/li>\n<\/ul>\n<h3>Het blok Kalender gebruiken op productpagina's van blokkeerthema's<\/h3>\n<p>Bij gebruik van een <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-themes\/\" target=\"_blank\" rel=\"noopener\">WordPress Blok Thema<\/a>kunt u de WooCommerce <strong>Enkel product<\/strong> sjabloon. Ga hiervoor naar <strong>Uiterlijk<\/strong> &gt; <strong>Redacteur<\/strong> &gt; <strong>Sjablonen<\/strong> &gt; <strong>WooCommerce<\/strong> en selecteer de <strong>Enkel product<\/strong> sjabloon.<\/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=\"De sjabloon Enkel product in een blokthema bewerken.\" 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>U kunt dan de <strong>Enkel product<\/strong> sjabloon met de blokeditor. Wanneer geplaatst op de <strong>Enkel product<\/strong> sjabloon, de <strong>FooEvents Kalenderblok<\/strong> luistert automatisch naar de ID van een product en toont alleen gebeurtenissen voor dat specifieke product. Dit is erg handig bij het gebruik van de <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-bookings\/\" target=\"_blank\" rel=\"noopener\">FooEvents Boekingen<\/a> plugin, die meerdere datumopties toevoegt waaruit je klanten kunnen kiezen bij het kopen van een ticket.<\/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>Hier is een voorbeeld van een aangepaste productpagina die het FooEvents Kalenderblok gebruikt om klanten een datum te laten kiezen bij het kopen van tickets.<\/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=\"De sjabloon Enkel product in een blokthema bewerken.\" 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\/nl\/wp-json\/wp\/v2\/docs\/141975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/comments?post=141975"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/141975\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/141987"}],"prev":[{"title":"FooEvents Evenement Lijst Blok","link":"https:\/\/help.fooevents.com\/nl\/docs\/topics\/blocks\/fooevents-event-listing-block\/","href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/136933"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/media?parent=141975"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=141975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}