{"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":"introducao-do-bloco-de-listagem-de-eventos-fooevents","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/pt\/introducing-the-fooevents-event-listing-block\/","title":{"rendered":"Apresentando o bloco de listagem de eventos FooEvents"},"content":{"rendered":"<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"Adicione uma lista de eventos ao seu site WordPress usando o novo bloco de listagem de eventos 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\">T\u00eam sido umas semanas atarefadas para n\u00f3s aqui na sede do FooEvents, e achamos que vai adorar o que temos andado a fazer!<\/p>\n<p>Esta semana lan\u00e7\u00e1mos o nosso primeiro bloco WordPress, denominado <strong>Bloco de listagem de eventos FooEvents<\/strong>. Esta nova e entusiasmante adi\u00e7\u00e3o est\u00e1 inclu\u00edda na <a href=\"https:\/\/www.fooevents.com\/pt\/produtos\/fooevents-para-woocommerce\/\">FooEvents para WooCommerce (v1.19.9)<\/a> e torna mais f\u00e1cil do que nunca a apresenta\u00e7\u00e3o de eventos no seu site WordPress. Basta adicionar o bloco, ajustar as op\u00e7\u00f5es e publicar. Em um minuto, voc\u00ea estar\u00e1 listando seus eventos em qualquer post ou p\u00e1gina usando o editor de blocos do WordPress.<\/p>\n<p>O <strong>Bloco de listagem de eventos FooEvents<\/strong> expande o que era anteriormente poss\u00edvel com o <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\/\" rel=\"nofollow noopener\" target=\"_blank\">C\u00f3digo curto da lista de eventos<\/a> oferecendo op\u00e7\u00f5es de apresenta\u00e7\u00e3o adicionais e proporcionando mais controlo sobre a apresenta\u00e7\u00e3o das informa\u00e7\u00f5es do evento. \u00c9 tamb\u00e9m mais f\u00e1cil implementar CSS personalizadas e tornar o design da listagem de eventos seu.<\/p>\n<h3><strong>Como adicionar o bloco de listagem de eventos<\/strong><\/h3>\n<p>Adicionar o <strong>Bloco de listagem de eventos FooEvents<\/strong> para o seu s\u00edtio \u00e9 simples. Ao editar uma p\u00e1gina ou publica\u00e7\u00e3o, basta clicar no bot\u00e3o '<strong>Adicionar bloco<\/strong>' e procurar por '<strong>FooEvents<\/strong>'. Tamb\u00e9m pode escrever<strong>\/foo<\/strong>' diretamente no editor para encontrar rapidamente o bloco.<\/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=\"Captura de ecr\u00e3 que mostra como adicionar o bloco de listagem de eventos 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>Por predefini\u00e7\u00e3o, o bloco apresentar\u00e1 todos os seus eventos utilizando um esquema de lista depois de adicionado. Pode depois alterar o esquema para mosaico ou compacto<b>. <\/b>O bloco oferece uma gama de op\u00e7\u00f5es de personaliza\u00e7\u00e3o adicionais que podem ser configuradas de acordo com as suas necessidades:<\/p>\n<h3>Defini\u00e7\u00f5es de eventos<\/h3>\n<p>Escolha o n\u00famero de eventos a apresentar (at\u00e9 50), a sua ordem por data e se pretende mostrar todos os tipos de eventos ou apenas alguns espec\u00edficos. Tamb\u00e9m \u00e9 poss\u00edvel filtrar eventos por categoria de produto WooCommerce ou IDs de produto espec\u00edficos.<\/p>\n<h3>Defini\u00e7\u00f5es do ecr\u00e3<\/h3>\n<p>As defini\u00e7\u00f5es de visualiza\u00e7\u00e3o incluem um conjunto de op\u00e7\u00f5es que permitem personalizar a apresenta\u00e7\u00e3o da listagem e controlar as informa\u00e7\u00f5es do evento que s\u00e3o apresentadas. \u00c9 poss\u00edvel modificar a apresenta\u00e7\u00e3o e ativar ou desativar sec\u00e7\u00f5es individuais. Aqui est\u00e3o as op\u00e7\u00f5es de layout:<\/p>\n<h4>Formato de lista predefinido<\/h4>\n<p>O formato predefinido \u00e9 simples e direto e inclui uma op\u00e7\u00e3o para alterar a posi\u00e7\u00e3o da imagem ou ocult\u00e1-la completamente.<\/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 Listagem de eventos Formato da lista de blocos\" 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>Formato dos azulejos<\/h4>\n<p>O formato de mosaicos, um esquema baseado em grelha, \u00e9 ideal para apresentar um grande n\u00famero de eventos, especialmente se tiver boas imagens.<\/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=\"Formato dos blocos de listagem de eventos 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>Formato compacto<\/h4>\n<p>O formato compacto tira partido dos estilos de tabela WooCommerce para garantir um aspeto fant\u00e1stico em qualquer tema. \u00c9 tamb\u00e9m f\u00e1cil de digitalizar para os seus clientes, o que o torna numa excelente forma de listar um grande n\u00famero de eventos.<\/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 Bloco de listagem de eventos Formato compacto\" 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>Personalize ainda mais a sua lista de eventos utilizando op\u00e7\u00f5es como o alinhamento de imagens para a apresenta\u00e7\u00e3o da lista, ajustes do n\u00famero de colunas para a apresenta\u00e7\u00e3o de mosaicos e utiliza\u00e7\u00e3o de estilos de tabela WooCommerce para a apresenta\u00e7\u00e3o compacta.<\/p>\n<h3>Configura\u00e7\u00f5es adicionais<\/h3>\n<p>Defina os eventos para sa\u00edrem automaticamente da listagem ap\u00f3s a sua data de expira\u00e7\u00e3o e personalize o texto do bot\u00e3o \"Reservar agora\" para corresponder \u00e0 terminologia do seu s\u00edtio.<\/p>\n<p>Esperamos que esta nova funcionalidade melhore a sua capacidade de apresentar e gerir eventos no seu s\u00edtio Web. Para obter instru\u00e7\u00f5es e dicas mais detalhadas, <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/event-listing-block\/\" rel=\"nofollow noopener\" target=\"_blank\">visite o nosso centro de ajuda<\/a> ou <a href=\"https:\/\/help.fooevents.com\/pt\/contact\/\" rel=\"nofollow noopener\" target=\"_blank\">contactar a nossa equipa de apoio<\/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\/pt\/wp-json\/wp\/v2\/posts\/182598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fooevents.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fooevents.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/pt\/wp-json\/wp\/v2\/users\/1138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/pt\/wp-json\/wp\/v2\/comments?post=182598"}],"version-history":[{"count":0,"href":"https:\/\/www.fooevents.com\/pt\/wp-json\/wp\/v2\/posts\/182598\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/pt\/wp-json\/wp\/v2\/media\/183069"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/pt\/wp-json\/wp\/v2\/media?parent=182598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/pt\/wp-json\/wp\/v2\/categories?post=182598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/pt\/wp-json\/wp\/v2\/tags?post=182598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}