{"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":"wprowadzenie-bloku-listy-zdarzen-fooevents","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/pl\/introducing-the-fooevents-event-listing-block\/","title":{"rendered":"Przedstawiamy blok listy zdarze\u0144 FooEvents"},"content":{"rendered":"<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"Dodaj list\u0119 wydarze\u0144 do swojej witryny WordPress za pomoc\u0105 nowego bloku listy wydarze\u0144 FooEvents.\" 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\">To by\u0142o dla nas kilka pracowitych tygodni w FooEvents HQ i my\u015blimy, \u017ce spodoba ci si\u0119 to, co robili\u015bmy!<\/p>\n<p>W tym tygodniu uruchomili\u015bmy nasz pierwszy blok WordPress o nazwie <strong>Blok listy zdarze\u0144 FooEvents<\/strong>. Ten ekscytuj\u0105cy nowy dodatek jest zawarty w g\u0142\u00f3wnej <a href=\"https:\/\/www.fooevents.com\/pl\/produkty\/fooevents-dla-woocommerce\/\">FooEvents dla WooCommerce (v1.19.9)<\/a> i sprawia, \u017ce wy\u015bwietlanie wydarze\u0144 na stronie WordPress jest \u0142atwiejsze ni\u017c kiedykolwiek. Wystarczy doda\u0107 blok, dostosowa\u0107 opcje i opublikowa\u0107. W ci\u0105gu minuty b\u0119dziesz m\u00f3g\u0142 wy\u015bwietla\u0107 swoje wydarzenia w dowolnym po\u015bcie lub stronie za pomoc\u0105 wbudowanego edytora blok\u00f3w WordPress.<\/p>\n<p>The <strong>Blok listy zdarze\u0144 FooEvents<\/strong> rozszerza to, co by\u0142o wcze\u015bniej mo\u017cliwe dzi\u0119ki <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\/\" rel=\"nofollow noopener\" target=\"_blank\">Shortcode listy wydarze\u0144<\/a> oferuj\u0105c dodatkowe opcje uk\u0142adu i zapewniaj\u0105c wi\u0119ksz\u0105 kontrol\u0119 nad wy\u015bwietlaniem informacji o wydarzeniu. \u0141atwiej jest r\u00f3wnie\u017c zaimplementowa\u0107 niestandardowy CSS i dostosowa\u0107 wygl\u0105d listy wydarze\u0144 do w\u0142asnych potrzeb.<\/p>\n<h3><strong>Jak doda\u0107 blok listy wydarze\u0144<\/strong><\/h3>\n<p>Dodawanie <strong>Blok listy zdarze\u0144 FooEvents<\/strong> do swojej witryny jest proste. Podczas edycji strony lub postu wystarczy klikn\u0105\u0107 przycisk<strong>Dodaj blok<\/strong>' i wyszukaj '<strong>FooEvents<\/strong>'. Mo\u017cna r\u00f3wnie\u017c wpisa\u0107 '<strong>\/foo<\/strong>' bezpo\u015brednio w edytorze, aby szybko znale\u017a\u0107 blok.<\/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=\"Zrzut ekranu pokazuj\u0105cy, jak doda\u0107 blok listy zdarze\u0144 FooEvents\" 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>Domy\u015blnie po dodaniu blok wy\u015bwietli wszystkie wydarzenia w uk\u0142adzie listy. Nast\u0119pnie mo\u017cna zmieni\u0107 uk\u0142ad na kafelkowy lub kompaktowy<b>. <\/b>Blok oferuje szereg dodatkowych opcji dostosowywania, kt\u00f3re mo\u017cna skonfigurowa\u0107 zgodnie z w\u0142asnymi potrzebami:<\/p>\n<h3>Ustawienia zdarze\u0144<\/h3>\n<p>Wybierz liczb\u0119 zdarze\u0144 do wy\u015bwietlenia (do 50), ich kolejno\u015b\u0107 wed\u0142ug daty oraz czy maj\u0105 by\u0107 wy\u015bwietlane wszystkie typy zdarze\u0144, czy tylko okre\u015blone. Mo\u017cesz tak\u017ce filtrowa\u0107 zdarzenia wed\u0142ug kategorii produkt\u00f3w WooCommerce lub okre\u015blonych identyfikator\u00f3w produkt\u00f3w.<\/p>\n<h3>Ustawienia wy\u015bwietlacza<\/h3>\n<p>Ustawienia wy\u015bwietlania zawieraj\u0105 zbi\u00f3r opcji, kt\u00f3re umo\u017cliwiaj\u0105 dostosowanie uk\u0142adu listy i kontrolowanie wy\u015bwietlanych informacji o wydarzeniu. Mo\u017cesz modyfikowa\u0107 uk\u0142ad i w\u0142\u0105cza\u0107 lub wy\u0142\u0105cza\u0107 poszczeg\u00f3lne sekcje. Oto opcje uk\u0142adu:<\/p>\n<h4>Domy\u015blny format listy<\/h4>\n<p>Domy\u015blny format jest prosty i zawiera opcj\u0119 zmiany pozycji obrazu lub ukrycia go w ca\u0142o\u015bci.<\/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 Lista zdarze\u0144 Format listy blok\u00f3w\" 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>Format kafelk\u00f3w<\/h4>\n<p>Format kafelkowy, uk\u0142ad oparty na siatce, jest idealny do wy\u015bwietlania du\u017cej liczby wydarze\u0144, zw\u0142aszcza je\u015bli masz \u015bwietne zdj\u0119cia.<\/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=\"Format kafelk\u00f3w bloku listy zdarze\u0144 FooEvents\" 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>Format kompaktowy<\/h4>\n<p>Kompaktowy format wykorzystuje style tabel WooCommerce, dzi\u0119ki czemu wygl\u0105da niesamowicie z ka\u017cdym motywem. Jest r\u00f3wnie\u017c \u0142atwy do zeskanowania przez klient\u00f3w, dzi\u0119ki czemu jest to \u015bwietny spos\u00f3b na wy\u015bwietlenie listy du\u017cej liczby wydarze\u0144.<\/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 Blok listy zdarze\u0144 Kompaktowy format\" 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>Dostosuj swoj\u0105 list\u0119 wydarze\u0144 jeszcze bardziej, korzystaj\u0105c z opcji takich jak wyr\u00f3wnanie obrazu dla uk\u0142adu listy, dostosowanie liczby kolumn dla uk\u0142adu kafelk\u00f3w i wykorzystanie styl\u00f3w tabeli WooCommerce dla uk\u0142adu kompaktowego.<\/p>\n<h3>Dodatkowe konfiguracje<\/h3>\n<p>Ustaw wydarzenia tak, aby automatycznie znika\u0142y z listy po up\u0142ywie ich daty wa\u017cno\u015bci i dostosuj tekst przycisku \"Zarezerwuj teraz\" do terminologii swojej witryny.<\/p>\n<p>Mamy nadziej\u0119, \u017ce ta nowa funkcja zwi\u0119kszy mo\u017cliwo\u015bci prezentowania wydarze\u0144 i zarz\u0105dzania nimi w witrynie. Wi\u0119cej szczeg\u00f3\u0142owych instrukcji i wskaz\u00f3wek, <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/event-listing-block\/\" rel=\"nofollow noopener\" target=\"_blank\">odwied\u017a nasze centrum pomocy<\/a> lub <a href=\"https:\/\/help.fooevents.com\/pl\/contact\/\" rel=\"nofollow noopener\" target=\"_blank\">Skontaktuj si\u0119 z naszym zespo\u0142em wsparcia<\/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\/pl\/wp-json\/wp\/v2\/posts\/182598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fooevents.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fooevents.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/pl\/wp-json\/wp\/v2\/users\/1138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/pl\/wp-json\/wp\/v2\/comments?post=182598"}],"version-history":[{"count":0,"href":"https:\/\/www.fooevents.com\/pl\/wp-json\/wp\/v2\/posts\/182598\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/pl\/wp-json\/wp\/v2\/media\/183069"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/pl\/wp-json\/wp\/v2\/media?parent=182598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/pl\/wp-json\/wp\/v2\/categories?post=182598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/pl\/wp-json\/wp\/v2\/tags?post=182598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}