{"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":"2026-06-03T13:14:20","modified_gmt":"2026-06-03T20:14:20","slug":"bloque-de-calendario-fooevents","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/es\/docs\/topics\/blocks\/fooevents-calendar-block\/","title":{"rendered":"FooEvents Bloque Calendario"},"content":{"rendered":"<p class=\"wp-block-paragraph\">En <strong>FooEvents Bloque Calendario<\/strong> est\u00e1 integrado en el <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-calendar\/\" target=\"_blank\" rel=\"noopener\">Calendario FooEvents<\/a> plugin (<a href=\"https:\/\/help.fooevents.com\/es\/documentos\/temas-2\/registro-de-cambios\/calendario-de-eventos-gastronomicos-2\/\">1.7.4<\/a>y puede utilizarse para mostrar calendarios de eventos en su sitio web. El bloque incluye varios filtros, diferentes opciones de dise\u00f1o y ajustes personalizables. Las siguientes instrucciones describen c\u00f3mo a\u00f1adir el bloque a una p\u00e1gina o entrada y configurarlo para mostrar eventos en tu sitio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A\u00f1adir el bloque a una p\u00e1gina o entrada<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cree o modifique una p\u00e1gina o entrada existente y a\u00f1ada el icono <strong>FooEvents Bloque Calendario<\/strong> pulsando la tecla <strong>A\u00f1adir bloque<\/strong> y buscando <strong>FooEvents<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.22-1024x585.png\" alt=\"A\u00f1adir el bloque Calendario FooEvents\" class=\"wp-image-141977\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n puede buscar el <strong>FooEvents Bloque Calendario<\/strong> directamente desde el editor escribiendo '<strong>\/foo<\/strong>'. WordPress sugerir\u00e1 entonces todos los bloques que incluyan 'foo' en su nombre.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"780\" height=\"213\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.23.43.png\" alt=\"A\u00f1adir el bloque Calendario FooEvents\" class=\"wp-image-141978\" 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=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez que haya a\u00f1adido el <strong>FooEvents Bloque Calendario<\/strong>puede configurar el bloque <strong>Configuraci\u00f3n del calendario<\/strong> en funci\u00f3n de sus necesidades. Para ello, seleccione la opci\u00f3n <strong>FooEvents Bloque Calendario<\/strong>y WordPress mostrar\u00e1 los ajustes del bloque en el panel lateral derecho.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"755\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.25.07-1024x755.png\" alt=\"A\u00f1adir el bloque Calendario FooEvents\" class=\"wp-image-141979\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando se visualiza en el editor de bloques, el calendario s\u00f3lo mostrar\u00e1 un gr\u00e1fico de calendario de marcador de posici\u00f3n. Para previsualizar el calendario, abra la p\u00e1gina en la interfaz de su sitio web.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"856\" height=\"745\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.27.08.png\" alt=\"\" class=\"wp-image-141980\" 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=\"auto, (max-width: 856px) 100vw, 856px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Configuraci\u00f3n del calendario<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En <strong>Configuraci\u00f3n del calendario<\/strong> controlar c\u00f3mo se muestran los eventos en el calendario.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"265\" height=\"752\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.22.00.png\" alt=\"FooEvents Bloque de calendario Ajustes\" class=\"wp-image-141976\" 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=\"auto, (max-width: 265px) 100vw, 265px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Dise\u00f1o del calendario:<\/strong> Elija entre Predeterminado, A\u00f1o vista lista, Mes vista lista, Semana vista lista o D\u00eda vista lista.<\/li>\n\n\n\n<li><strong>Limitar el n\u00famero de eventos:<\/strong> Activa o desactiva el l\u00edmite de eventos, y establece el n\u00famero m\u00e1ximo de eventos a mostrar.<\/li>\n\n\n\n<li><strong>D\u00eda de inicio del calendario:<\/strong> Elija si el calendario comienza el domingo o el lunes.<\/li>\n\n\n\n<li><strong>Mostrar fines de semana:<\/strong> Activar o desactivar la visualizaci\u00f3n de los fines de semana en el calendario.<\/li>\n\n\n\n<li><strong>Filtrar por categor\u00eda babosas:<\/strong> Muestre los eventos de categor\u00edas espec\u00edficas introduciendo las babosas de categor\u00eda (separadas por comas o la tecla Intro).<\/li>\n\n\n\n<li><strong>Filtrar por ID de puesto o producto:<\/strong> Visualice s\u00f3lo eventos espec\u00edficos introduciendo los ID de puesto o producto correspondientes (separados por comas o la tecla Intro).<\/li>\n\n\n\n<li><strong>Calendario ID:<\/strong> Aplica un ID \u00fanico al calendario. Esto es necesario cuando se a\u00f1aden varios calendarios a una misma p\u00e1gina.<\/li>\n\n\n\n<li><strong>Fecha por defecto:<\/strong> Establezca la fecha por defecto en el formato AAAA-MM-DD. El calendario se abrir\u00e1 con esta fecha cuando se cargue por primera vez.<\/li>\n\n\n\n<li><strong>Formato de la hora:<\/strong> Elija el formato de hora preferido (Por defecto, H.mm).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Uso del bloque de calendario en las p\u00e1ginas de producto del tema Block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando se utiliza un <a href=\"https:\/\/wordpress.org\/documentation\/article\/block-themes\/\" target=\"_blank\" rel=\"noopener\">WordPress Tema en bloque<\/a>puede modificar el WooCommerce <strong>Producto \u00fanico<\/strong> plantilla. Para ello, vaya a <strong>Apariencia<\/strong> &gt; <strong>Editor<\/strong> &gt; <strong>Plantillas<\/strong> &gt; <strong>WooCommerce<\/strong> y seleccione el <strong>Producto \u00fanico<\/strong> plantilla.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"756\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.32.14-1024x756.png\" alt=\"Edici\u00f3n de la plantilla Producto \u00fanico en un tema de bloque.\" class=\"wp-image-141981\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, puede modificar el <strong>Producto \u00fanico<\/strong> utilizando el editor de bloques. Cuando se coloca en el <strong>Producto \u00fanico<\/strong> plantilla, el <strong>FooEvents Bloque Calendario<\/strong> escuchar\u00e1 autom\u00e1ticamente el ID de un producto y s\u00f3lo mostrar\u00e1 eventos para ese producto en particular. Esto es muy \u00fatil cuando se utiliza la funci\u00f3n <a href=\"https:\/\/www.fooevents.com\/products\/fooevents-bookings\/\" target=\"_blank\" rel=\"noopener\">FooEvents Reservas<\/a> que a\u00f1ade m\u00faltiples opciones de fecha que sus clientes pueden elegir al comprar un billete.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.52.16-1024x511.png\" alt=\"\" class=\"wp-image-141985\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este es un ejemplo de una p\u00e1gina de producto personalizada que utiliza el Bloque Calendario FooEvents para permitir a los clientes elegir una fecha al comprar las entradas.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1045\" height=\"2179\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-09-19-at-13.50.58-2.png\" alt=\"Edici\u00f3n de la plantilla Producto \u00fanico en un tema de bloque.\" class=\"wp-image-141982\" 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=\"auto, (max-width: 1045px) 100vw, 1045px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>The FooEvents Calendar Block is built into the FooEvents Calendar plugin (1.7.4) and can be used to display event calendars on your website. The block includes various filters, different layout options, and customizable settings. The following instructions outline how to add the block to a page or post and configure it to display events on [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":141987,"menu_order":21,"template":"","doc_tag":[],"class_list":["post-141975","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/141975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":2,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/141975\/revisions"}],"predecessor-version":[{"id":148916,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/141975\/revisions\/148916"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/141987"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/media?parent=141975"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/doc_tag?post=141975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}