{"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":"introduccion-del-bloque-de-listado-de-eventos-fooevents","status":"publish","type":"post","link":"https:\/\/www.fooevents.com\/es\/introducing-the-fooevents-event-listing-block\/","title":{"rendered":"Presentaci\u00f3n del bloque de listado de eventos FooEvents"},"content":{"rendered":"<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"A\u00f1ade una lista de eventos a tu sitio WordPress utilizando el nuevo Bloque de Listado 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\">Han sido unas semanas muy ajetreadas para nosotros en la sede de FooEvents, \u00a1y creemos que le encantar\u00e1 lo que hemos estado haciendo!<\/p>\n<p>Esta semana hemos lanzado nuestro primer bloque WordPress, llamado <strong>FooEvents Bloque de listado de eventos<\/strong>. Esta emocionante novedad se incluye en el <a href=\"https:\/\/www.fooevents.com\/es\/productos\/fooevents-para-woocommerce\/\">FooEvents para WooCommerce (v1.19.9)<\/a> y hace que sea m\u00e1s f\u00e1cil que nunca mostrar eventos en su sitio web WordPress. Simplemente a\u00f1ada el bloque, ajuste las opciones y publ\u00edquelo. En un minuto, estar\u00e1s mostrando tus eventos en cualquier post o p\u00e1gina usando el editor de bloques integrado de WordPress.<\/p>\n<p>En <strong>FooEvents Bloque de listado de eventos<\/strong> ampl\u00eda lo que antes era posible con el <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/shortcodes\/\" rel=\"nofollow noopener\" target=\"_blank\">Lista de eventos<\/a> ofreciendo opciones de dise\u00f1o adicionales y proporcionando un mayor control sobre la visualizaci\u00f3n de la informaci\u00f3n del evento. Tambi\u00e9n es m\u00e1s f\u00e1cil aplicar CSS personalizado y personalizar el dise\u00f1o de la lista de eventos.<\/p>\n<h3><strong>C\u00f3mo a\u00f1adir el bloque de listado de eventos<\/strong><\/h3>\n<p>A\u00f1adir el <strong>FooEvents Bloque de listado de eventos<\/strong> a su sitio web es muy sencillo. Al editar una p\u00e1gina o entrada, simplemente haga clic en el bot\u00f3n '<strong>A\u00f1adir bloque<\/strong>y busque '<strong>FooEvents<\/strong>'. Tambi\u00e9n puede escribir '<strong>\/foo<\/strong>' directamente en el editor para encontrar r\u00e1pidamente el bloque.<\/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 pantalla que muestra c\u00f3mo a\u00f1adir el bloque FooEvents Listado de eventos\" 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 defecto, el bloque mostrar\u00e1 todos los eventos en forma de lista. A continuaci\u00f3n, puede cambiar el dise\u00f1o a mosaico o compacto<b>. <\/b>El bloque ofrece una serie de opciones de personalizaci\u00f3n adicionales que pueden configurarse para adaptarse a sus necesidades:<\/p>\n<h3>Configuraci\u00f3n de eventos<\/h3>\n<p>Elija cu\u00e1ntos eventos mostrar (hasta 50), su orden por fecha y si desea mostrar todos los tipos de eventos o s\u00f3lo algunos espec\u00edficos. Tambi\u00e9n puedes filtrar los eventos por categor\u00eda de producto WooCommerce o ID de producto espec\u00edficos.<\/p>\n<h3>Ajustes de pantalla<\/h3>\n<p>Los ajustes de visualizaci\u00f3n incluyen una serie de opciones que permiten personalizar el dise\u00f1o del listado y controlar qu\u00e9 informaci\u00f3n del evento se muestra. Puede modificar el dise\u00f1o y activar o desactivar secciones individuales. Estas son las opciones de dise\u00f1o:<\/p>\n<h4>Formato de lista por defecto<\/h4>\n<p>El formato por defecto es sencillo y directo e incluye una opci\u00f3n para cambiar la posici\u00f3n de la imagen u ocultarla por completo.<\/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 de eventos Formato de la lista de bloques\" 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 de las baldosas<\/h4>\n<p>El formato de mosaicos, un dise\u00f1o basado en cuadr\u00edculas, es ideal para mostrar un gran n\u00famero de eventos, especialmente si dispone de grandes im\u00e1genes.<\/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 Formato de los bloques de listados de eventos\" 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>El formato compacto aprovecha los estilos de tabla WooCommerce para garantizar un aspecto incre\u00edble con cualquier tema. Tambi\u00e9n es f\u00e1cil de escanear para sus clientes, por lo que es una gran manera de enumerar un gran 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 Bloque de listado 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>Personalice a\u00fan m\u00e1s su lista de eventos mediante opciones como la alineaci\u00f3n de im\u00e1genes para el dise\u00f1o de la lista, los ajustes del n\u00famero de columnas para el dise\u00f1o de mosaicos y el aprovechamiento de los estilos de tabla WooCommerce para el dise\u00f1o compacto.<\/p>\n<h3>Configuraciones adicionales<\/h3>\n<p>Configure los eventos para que desaparezcan autom\u00e1ticamente de la lista tras su fecha de caducidad y personalice el texto del bot\u00f3n \"Reservar ahora\" para que coincida con la terminolog\u00eda de su sitio web.<\/p>\n<p>Esperamos que esta nueva funci\u00f3n mejore su capacidad para mostrar y gestionar eventos en su sitio web. Para obtener instrucciones m\u00e1s detalladas y consejos, <a href=\"https:\/\/help.fooevents.com\/docs\/topics\/events\/event-listing-block\/\" rel=\"nofollow noopener\" target=\"_blank\">visite nuestro centro de ayuda<\/a> o <a href=\"https:\/\/help.fooevents.com\/es\/contact\/\" rel=\"nofollow noopener\" target=\"_blank\">p\u00f3ngase en contacto con nuestro equipo de asistencia<\/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\/es\/wp-json\/wp\/v2\/posts\/182598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/users\/1138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/comments?post=182598"}],"version-history":[{"count":0,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/posts\/182598\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/media\/183069"}],"wp:attachment":[{"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/media?parent=182598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/categories?post=182598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fooevents.com\/es\/wp-json\/wp\/v2\/tags?post=182598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}