{"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":"2024-10-02T00:42:04","modified_gmt":"2024-10-02T07:42:04","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>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<h3>A\u00f1adir el bloque a una p\u00e1gina o entrada<\/h3>\n<p>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<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-large wp-image-141977\" 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\" width=\"1024\" height=\"585\" 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=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>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<p><img decoding=\"async\" class=\"alignnone size-full wp-image-141978\" 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\" width=\"780\" height=\"213\" 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=\"(max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>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<p><img decoding=\"async\" class=\"alignnone size-large wp-image-141979\" 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\" width=\"1024\" height=\"755\" 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=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>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<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-141980\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.27.08.png\" alt=\"\" width=\"856\" height=\"745\" 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=\"(max-width: 856px) 100vw, 856px\" \/><\/p>\n<h3>Configuraci\u00f3n del calendario<\/h3>\n<p>En <strong>Configuraci\u00f3n del calendario<\/strong> controlar c\u00f3mo se muestran los eventos en el calendario.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-141976\" 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\" width=\"265\" height=\"752\" 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=\"(max-width: 265px) 100vw, 265px\" \/><\/p>\n<ul>\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<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<li><strong>D\u00eda de inicio del calendario:<\/strong> Elija si el calendario comienza el domingo o el lunes.<\/li>\n<li><strong>Mostrar fines de semana:<\/strong> Activar o desactivar la visualizaci\u00f3n de los fines de semana en el calendario.<\/li>\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<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<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<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<li><strong>Formato de la hora:<\/strong> Elija el formato de hora preferido (Por defecto, H.mm).<\/li>\n<\/ul>\n<h3>Uso del bloque de calendario en las p\u00e1ginas de producto del tema Block<\/h3>\n<p>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<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-141981\" 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.\" width=\"1024\" height=\"756\" 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=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>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<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-141985\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/10\/Screenshot-2024-10-01-at-10.52.16-1024x511.png\" alt=\"\" width=\"1024\" height=\"511\" 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=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>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<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-141982 size-full\" 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.\" width=\"1045\" height=\"2179\" 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=\"(max-width: 1045px) 100vw, 1045px\" \/><\/p>","protected":false},"featured_media":0,"parent":141987,"menu_order":21,"comment_status":"closed","ping_status":"closed","template":"","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":"","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":""},"doc_tag":[],"class_list":["post-141975","docs","type-docs","status-publish","hentry"],"comment_count":0,"_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"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/comments?post=141975"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/141975\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/141987"}],"prev":[{"title":"FooEvents Bloque de listado de eventos","link":"https:\/\/help.fooevents.com\/es\/docs\/topics\/blocks\/fooevents-event-listing-block\/","href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/136933"}],"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}]}}