{"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-kalenderblock","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/de\/docs\/topics\/blocks\/fooevents-calendar-block\/","title":{"rendered":"FooEvents Kalenderblock"},"content":{"rendered":"<p>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<h3>Hinzuf\u00fcgen des Blocks zu einer Seite oder einem Beitrag<\/h3>\n<p>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<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=\"Hinzuf\u00fcgen des FooEvents-Kalenderblocks\" 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>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<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=\"Hinzuf\u00fcgen des FooEvents-Kalenderblocks\" 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>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<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=\"Hinzuf\u00fcgen des FooEvents-Kalenderblocks\" 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>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<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>Kalender-Einstellungen<\/h3>\n<p>Die <strong>Kalender-Einstellungen<\/strong> steuern, wie die Ereignisse im Kalender angezeigt werden.<\/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 Kalenderblock Einstellungen\" 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>Kalender-Layout:<\/strong> W\u00e4hlen Sie zwischen Standard, Listenansicht Jahr, Listenansicht Monat, Listenansicht Woche oder Listenansicht Tag.<\/li>\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<li><strong>Kalenderstarttag:<\/strong> W\u00e4hlen Sie, ob der Kalender am Sonntag oder am Montag beginnt.<\/li>\n<li><strong>Wochenenden anzeigen:<\/strong> Aktivieren oder deaktivieren Sie die Anzeige von Wochenenden im Kalender.<\/li>\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<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<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<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<li><strong>Zeitformat:<\/strong> W\u00e4hlen Sie das gew\u00fcnschte Zeitformat (Standard, H.mm).<\/li>\n<\/ul>\n<h3>Verwendung des Kalenderblocks auf Produktseiten im Blockthema<\/h3>\n<p>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<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=\"Bearbeiten der Einzelproduktvorlage in einem Blockthema.\" 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>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<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 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<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=\"Bearbeiten der Einzelproduktvorlage in einem Blockthema.\" 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\/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"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/comments?post=141975"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/141975\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/141987"}],"prev":[{"title":"FooEvents Ereignisauflistungsblock","link":"https:\/\/help.fooevents.com\/de\/docs\/topics\/blocks\/fooevents-event-listing-block\/","href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/136933"}],"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}]}}