{"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":"2026-06-03T13:14:20","modified_gmt":"2026-06-03T20:14:20","slug":"fooevents-kalenderblock","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/de\/docs\/topics\/blocks\/fooevents-calendar-block\/","title":{"rendered":"FooEvents Kalenderblock"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Die <strong>FooEvents Kalenderblock<\/strong> ist in die <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-calendar\/\" target=\"_blank\" rel=\"noopener\">FooEvents-Kalender<\/a> Plugin (<a href=\"https:\/\/help.fooevents.com\/de\/dokumentation\/themen\/anderungsprotokolle\/veranstaltungskalender\/\">1.7.4<\/a>Plugin und kann zur Anzeige von Veranstaltungskalendern auf Ihrer Website verwendet werden. Der Block umfasst verschiedene Filter, unterschiedliche Layout-Optionen und anpassbare Einstellungen. In den folgenden Anweisungen wird beschrieben, wie Sie den Block zu einer Seite oder einem Beitrag hinzuf\u00fcgen und ihn f\u00fcr die Anzeige von Ereignissen auf Ihrer Website konfigurieren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hinzuf\u00fcgen des Blocks zu einer Seite oder einem Beitrag<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Erstellen oder \u00e4ndern Sie eine bestehende Seite oder einen Beitrag und f\u00fcgen Sie die <strong>FooEvents Kalenderblock<\/strong> durch Dr\u00fccken der Taste <strong>Block hinzuf\u00fcgen<\/strong> Symbol und die Suche nach <strong>FooEvents<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.22-1024x585.png\" alt=\"Hinzuf\u00fcgen des FooEvents-Kalenderblocks\" class=\"wp-image-141977\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alternativ k\u00f6nnen Sie auch nach dem <strong>FooEvents Kalenderblock<\/strong> direkt aus dem Editor durch Eingabe von '<strong>\/foo<\/strong>'. WordPress schl\u00e4gt dann alle Bl\u00f6cke vor, die \"foo\" in ihrem Namen enthalten.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"213\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.43.png\" alt=\"Hinzuf\u00fcgen des FooEvents-Kalenderblocks\" class=\"wp-image-141978\" 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=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sobald Sie die <strong>FooEvents Kalenderblock<\/strong>k\u00f6nnen Sie die Einstellungen des Blocks <strong>Kalender-Einstellungen<\/strong> auf der Grundlage Ihrer Anforderungen. W\u00e4hlen Sie dazu die Option <strong>FooEvents Kalenderblock<\/strong>und WordPress zeigt die Blockeinstellungen in der rechten Seitenleiste an.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"755\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.25.07-1024x755.png\" alt=\"Hinzuf\u00fcgen des FooEvents-Kalenderblocks\" class=\"wp-image-141979\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei der Anzeige im Block-Editor zeigt der Kalender nur eine Platzhalter-Grafik an. Um eine Vorschau des Kalenders anzuzeigen, \u00f6ffnen Sie die Seite im Frontend Ihrer Website.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"856\" height=\"745\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.27.08.png\" alt=\"\" class=\"wp-image-141980\" 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=\"auto, (max-width: 856px) 100vw, 856px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kalender-Einstellungen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die <strong>Kalender-Einstellungen<\/strong> steuern, wie die Ereignisse im Kalender angezeigt werden.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"265\" height=\"752\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.22.00.png\" alt=\"FooEvents Kalenderblock Einstellungen\" class=\"wp-image-141976\" 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=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Kalender-Layout:<\/strong> W\u00e4hlen Sie zwischen Standard, Listenansicht Jahr, Listenansicht Monat, Listenansicht Woche oder Listenansicht Tag.<\/li>\n\n\n\n<li><strong>Begrenzung der Anzahl der Ereignisse:<\/strong> Aktivieren oder deaktivieren Sie das Ereignislimit, und legen Sie die maximale Anzahl der anzuzeigenden Ereignisse fest.<\/li>\n\n\n\n<li><strong>Kalenderstarttag:<\/strong> W\u00e4hlen Sie, ob der Kalender am Sonntag oder am Montag beginnt.<\/li>\n\n\n\n<li><strong>Wochenenden anzeigen:<\/strong> Aktivieren oder deaktivieren Sie die Anzeige von Wochenenden im Kalender.<\/li>\n\n\n\n<li><strong>Nach Kategorie Schnecken filtern:<\/strong> Zeigen Sie Ereignisse aus bestimmten Kategorien an, indem Sie die Kategorie-Slugs (durch Kommas oder die Eingabetaste getrennt) eingeben.<\/li>\n\n\n\n<li><strong>Filtern Sie nach Beitrags- oder Produkt-IDs:<\/strong> Zeigen Sie nur bestimmte Ereignisse an, indem Sie die entsprechenden Beitrags- oder Produkt-IDs eingeben (getrennt durch Kommas oder die Eingabetaste).<\/li>\n\n\n\n<li><strong>Kalender-ID:<\/strong> Weisen Sie dem Kalender eine eindeutige ID zu. Dies ist erforderlich, wenn Sie mehrere Kalender zu einer einzigen Seite hinzuf\u00fcgen.<\/li>\n\n\n\n<li><strong>Standarddatum:<\/strong> Legen Sie das Standarddatum im Format JJJJ-MM-TT fest. Der Kalender wird beim ersten Laden mit diesem Datum ge\u00f6ffnet.<\/li>\n\n\n\n<li><strong>Zeitformat:<\/strong> W\u00e4hlen Sie das gew\u00fcnschte Zeitformat (Standard, H.mm).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Verwendung des Kalenderblocks auf Produktseiten im Blockthema<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei Verwendung eines <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-themes\/\" target=\"_blank\" rel=\"noopener\">WordPress Block Thema<\/a>k\u00f6nnen Sie die WooCommerce <strong>Einzelnes Produkt<\/strong> Vorlage. Gehen Sie dazu auf <strong>Erscheinungsbild<\/strong> &gt; <strong>Herausgeber<\/strong> &gt; <strong>Schablonen<\/strong> &gt; <strong>WooCommerce<\/strong> ausw\u00e4hlen und die <strong>Einzelnes Produkt<\/strong> Vorlage.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"756\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.32.14-1024x756.png\" alt=\"Bearbeiten der Einzelproduktvorlage in einem Blockthema.\" class=\"wp-image-141981\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen dann die <strong>Einzelnes Produkt<\/strong> Vorlage mit Hilfe des Blockeditors. Beim Platzieren auf der <strong>Einzelnes Produkt<\/strong> Vorlage, die <strong>FooEvents Kalenderblock<\/strong> wird automatisch nach der ID eines Produkts suchen und nur Ereignisse f\u00fcr dieses bestimmte Produkt anzeigen. Dies ist sehr n\u00fctzlich bei der Verwendung der <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-bookings\/\" target=\"_blank\" rel=\"noopener\">FooEvents Buchungen<\/a> Plugin, das mehrere Datumsoptionen hinzuf\u00fcgt, aus denen Ihre Kunden beim Kauf eines Tickets w\u00e4hlen k\u00f6nnen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.52.16-1024x511.png\" alt=\"\" class=\"wp-image-141985\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hier ist ein Beispiel f\u00fcr eine benutzerdefinierte Produktseite, die den FooEvents-Kalenderblock verwendet, um Kunden die M\u00f6glichkeit zu geben, beim Ticketkauf ein Datum auszuw\u00e4hlen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1045\" height=\"2179\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-09-19-at-13.50.58-2.png\" alt=\"Bearbeiten der Einzelproduktvorlage in einem Blockthema.\" class=\"wp-image-141982\" 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=\"auto, (max-width: 1045px) 100vw, 1045px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>The FooEvents Calendar Block is built into the FooEvents Calendar plugin (1.7.4) and can be used to display event calendars on your website. The block includes various filters, different layout options, and customizable settings. The following instructions outline how to add the block to a page or post and configure it to display events on [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":141987,"menu_order":21,"template":"","doc_tag":[],"class_list":["post-141975","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/141975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":2,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/141975\/revisions"}],"predecessor-version":[{"id":148916,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/141975\/revisions\/148916"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/141987"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/media?parent=141975"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/doc_tag?post=141975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}