{"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":"einfuhrung-des-ereignislistenblocks-fooevents","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/de\/introducing-the-fooevents-event-listing-block\/","title":{"rendered":"Einf\u00fchrung in den FooEvents Event Listing Block"},"content":{"rendered":"<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"F\u00fcgen Sie Ihrer WordPress-Website eine Liste von Veranstaltungen mit dem neuen FooEvents Event Listing Block hinzu\" 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\">Es waren ein paar arbeitsreiche Wochen f\u00fcr uns hier im FooEvents-Hauptquartier, und wir denken, Sie werden begeistert sein, was wir alles gemacht haben!<\/p>\n<p>Diese Woche haben wir unseren allerersten WordPress-Block, den <strong>FooEvents Ereignisauflistungsblock<\/strong>. Diese aufregende Neuerung ist in der Hauptversion enthalten <a href=\"https:\/\/www.fooevents.com\/de\/produkte\/fooevents-fur-woocommerce\/\">FooEvents f\u00fcr WooCommerce (v1.19.9)<\/a> Plugin und macht es einfacher denn je, Veranstaltungen auf Ihrer WordPress-Website anzuzeigen. F\u00fcgen Sie einfach den Block hinzu, passen Sie die Optionen an und ver\u00f6ffentlichen Sie ihn. Innerhalb einer Minute k\u00f6nnen Sie mit dem integrierten WordPress-Block-Editor Ihre Veranstaltungen in jedem Beitrag oder auf jeder Seite auflisten.<\/p>\n<p>Die <strong>FooEvents Ereignisauflistungsblock<\/strong> erweitert die M\u00f6glichkeiten, die bisher mit dem <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\/\" rel=\"nofollow noopener\" target=\"_blank\">Ereignisliste Shortcode<\/a> indem es zus\u00e4tzliche Layout-Optionen bietet und mehr Kontrolle \u00fcber die Anzeige von Veranstaltungsinformationen erm\u00f6glicht. Es ist auch einfacher, benutzerdefinierte CSS zu implementieren und das Design der Veranstaltungsliste nach Ihren W\u00fcnschen zu gestalten.<\/p>\n<h3><strong>Hinzuf\u00fcgen des Blocks f\u00fcr die Ereignisliste<\/strong><\/h3>\n<p>Hinzuf\u00fcgen der <strong>FooEvents Ereignisauflistungsblock<\/strong> auf Ihrer Website ist ganz einfach. Wenn Sie eine Seite oder einen Beitrag bearbeiten, klicken Sie einfach auf das Symbol '<strong>Block hinzuf\u00fcgen<\/strong>Symbol und suchen Sie nach '<strong>FooEvents<\/strong>'. Sie k\u00f6nnen auch '<strong>\/foo<\/strong>' direkt im Editor, um den Block schnell zu finden.<\/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=\"Screenshot zum Hinzuf\u00fcgen des Blocks FooEvents Event Listing\" 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>Standardm\u00e4\u00dfig zeigt der Block nach dem Hinzuf\u00fcgen alle Ereignisse in einem Listenlayout an. Sie k\u00f6nnen das Layout dann in Kacheln oder kompakt \u00e4ndern<b>. <\/b>Der Block bietet eine Reihe zus\u00e4tzlicher Anpassungsoptionen, die nach Ihren Bed\u00fcrfnissen konfiguriert werden k\u00f6nnen:<\/p>\n<h3>Ereignis-Einstellungen<\/h3>\n<p>W\u00e4hlen Sie aus, wie viele Ereignisse angezeigt werden sollen (bis zu 50), ihre Reihenfolge nach Datum und ob alle oder nur bestimmte Arten von Ereignissen angezeigt werden sollen. Sie k\u00f6nnen Ereignisse auch nach WooCommerce-Produktkategorie oder bestimmten Produkt-IDs filtern.<\/p>\n<h3>Einstellungen anzeigen<\/h3>\n<p>Die Anzeigeeinstellungen enthalten eine Reihe von Optionen, mit denen Sie das Layout der Auflistung anpassen und steuern k\u00f6nnen, welche Veranstaltungsinformationen angezeigt werden. Sie k\u00f6nnen das Layout \u00e4ndern und einzelne Abschnitte ein- oder ausschalten. Hier sind die Layout-Optionen:<\/p>\n<h4>Standard-Listenformat<\/h4>\n<p>Das Standardformat ist einfach und \u00fcbersichtlich und bietet die M\u00f6glichkeit, die Position des Bildes zu \u00e4ndern oder es ganz auszublenden.<\/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 Ereignisauflistung Blocklistenformat\" 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>Kacheln Format<\/h4>\n<p>Das Kachelformat, ein rasterbasiertes Layout, ist ideal f\u00fcr die Anzeige einer gro\u00dfen Anzahl von Ereignissen, insbesondere wenn Sie \u00fcber gro\u00dfartige Bilder verf\u00fcgen.<\/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 Ereignisauflistung Blockkacheln Format\" 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>Kompaktes Format<\/h4>\n<p>Das kompakte Format nutzt die WooCommerce-Tabellenformate, um sicherzustellen, dass es zu jedem Thema hervorragend passt. Au\u00dferdem ist es f\u00fcr Ihre Kunden leicht zu scannen und eignet sich daher hervorragend f\u00fcr die Auflistung einer gro\u00dfen Anzahl von Veranstaltungen.<\/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 Ereignisauflistung Block Kompaktformat\" 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>Passen Sie Ihre Ereignisliste weiter an, indem Sie Optionen wie die Bildausrichtung f\u00fcr das Listenlayout, die Anpassung der Spaltenanzahl f\u00fcr das Kachellayout und die Verwendung von WooCommerce-Tabellenstilen f\u00fcr das Kompaktlayout nutzen.<\/p>\n<h3>Zus\u00e4tzliche Konfigurationen<\/h3>\n<p>Legen Sie fest, dass Veranstaltungen nach ihrem Ablaufdatum automatisch aus der Liste verschwinden, und passen Sie den Text der Schaltfl\u00e4che \"Jetzt buchen\" an die Terminologie Ihrer Website an.<\/p>\n<p>Wir hoffen, dass Sie mit dieser neuen Funktion Ihre M\u00f6glichkeiten zur Pr\u00e4sentation und Verwaltung von Veranstaltungen auf Ihrer Website verbessern k\u00f6nnen. Ausf\u00fchrlichere Anweisungen und Tipps finden Sie hier, <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/event-listing-block\/\" rel=\"nofollow noopener\" target=\"_blank\">Besuchen Sie unser Hilfe-Center<\/a> oder <a href=\"https:\/\/help.fooevents.com\/de\/contact\/\" rel=\"nofollow noopener\" target=\"_blank\">Kontaktieren Sie unser Support-Team<\/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\/de\/wp-json\/wp\/v2\/posts\/182598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/users\/1138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/comments?post=182598"}],"version-history":[{"count":0,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/posts\/182598\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/media\/183069"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/media?parent=182598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/categories?post=182598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/de\/wp-json\/wp\/v2\/tags?post=182598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}