{"id":88903,"date":"2020-07-13T09:40:19","date_gmt":"2021-08-16T08:24:20","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=88903"},"modified":"2023-10-20T11:30:11","modified_gmt":"2023-10-20T11:30:11","slug":"cluster-block","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/","title":{"rendered":"bloque de racimo"},"content":{"rendered":"<p>El bloque de cl\u00faster le permite agrupar otros bloques en un bloque principal y crear de esa manera una secci\u00f3n interesante de bloques con un fondo personalizado.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Block_settings_in_the_toolbar\"><\/span>Configuraci\u00f3n de bloques en la barra de herramientas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Los botones de la barra de herramientas disponibles en el bloque le permiten cambiar el ancho del bloque a Tama\u00f1o del contenido, Tama\u00f1o ancho o Tama\u00f1o de ancho completo. Una vez que se selecciona la imagen como fondo, el icono de la barra de herramientas le permite cambiar la imagen que se muestra en un bloque. Para el cl\u00faster con altura personalizada definida, hay opciones disponibles para alinear el contenido verticalmente. Puede alinear el contenido en la parte superior, central o inferior del bloque de cl\u00faster.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/Toolbar-Cluster-block-Gutenberg-editor-WordPress-1024x629.png\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/Toolbar-Cluster-block-Gutenberg-editor-WordPress-1024x629.png\" alt=\"\" class=\"wp-image-86508\"\/><\/a><\/figure>\n<\/div>\n\n\n<p><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/Toolbar-Cluster-block-Gutenberg-editor-WordPress.png\"><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Block_settings_in_the_sidebar\"><\/span>Configuraci\u00f3n de bloques en la barra lateral<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Desde la configuraci\u00f3n de la barra lateral del bloque, puede definir las opciones de fondo, superposici\u00f3n, borde, sombra y altura relacionadas con el bloque.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Background_settings\"><\/span>Configuraci\u00f3n de fondo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Block ofrece cuatro tipos de fondo:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Ninguno<\/li><li>Imagen<\/li><li>De un solo color<\/li><li>Degradado<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Image_background\"><\/span>Fondo de imagen<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Las opciones de fondo de imagen le permiten cargar una imagen personalizada en el fondo y definir otras opciones adicionales:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>establecer el tama\u00f1o de la imagen de fondo<\/li><li>establecer la opci\u00f3n de repetici\u00f3n para una imagen en el fondo<\/li><li>definir si una imagen en el fondo es fija o desplazarse con la p\u00e1gina<\/li><li>establecer la posici\u00f3n de una imagen en el fondo definiendo el punto focal en una imagen<\/li><li>establezca el color de fondo o el degradado debajo de una imagen, estas opciones son \u00fatiles si su imagen de fondo est\u00e1 en formato png transparente<\/li><li>establezca la superposici\u00f3n sobre la imagen, la superposici\u00f3n se puede definir por un solo color o degradado con transparencia personalizada para crear una apariencia de fondo interesante<\/li><\/ul>\n\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Responsive_option_for_image_background\"><\/span>Opci\u00f3n receptiva para el fondo de la imagen.<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>Le permite definir diferentes configuraciones de imagen de fondo para el tama\u00f1o del escritorio y el tama\u00f1o personalizado de la pantalla receptiva. Una vez que carga una imagen como fondo, aparece otro bot\u00f3n de opci\u00f3n. Despu\u00e9s de habilitarlo, aparecen nuevas pesta\u00f1as. Vaya a la pesta\u00f1a Tama\u00f1o m\u00f3vil y defina los par\u00e1metros.<\/p>\n\n\n\n<p>Puede definir el ancho de la pantalla cuando se aplican las opciones de respuesta.<\/p>\n\n\n\n<p>Un dise\u00f1o receptivo puede tener otra imagen en el fondo. Cambia la imagen con un tama\u00f1o m\u00e1s peque\u00f1o y acelera el tiempo de carga. Vaya a la barra de herramientas de bloqueo y reemplace la imagen de fondo de escritorio existente con una imagen de la versi\u00f3n m\u00f3vil. Elija una posici\u00f3n y un color de fondo para el formato png transparente. Las dem\u00e1s opciones se utilizan igual que en el dise\u00f1o del escritorio.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/Sidebar-Inspector-Cluster-block-Gutenberg-Editor-WordPress-1024x747.png\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/Sidebar-Inspector-Cluster-block-Gutenberg-Editor-WordPress-1024x747.png\" alt=\"\" class=\"wp-image-86509\"\/><\/a><\/figure>\n<\/div>\n\n\n<h5 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_change_background_image\"><\/span>C\u00f3mo cambiar la imagen de fondo<span class=\"ez-toc-section-end\"><\/span><\/h5>\n\n\n\n<p>La imagen de fondo se puede cambiar haciendo clic en el siguiente icono:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"140\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/07\/cluster-background-image-change.png\" alt=\"\" class=\"wp-image-94213\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/07\/cluster-background-image-change.png 788w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/07\/cluster-background-image-change-300x53.png 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2022\/07\/cluster-background-image-change-768x136.png 768w\" sizes=\"auto, (max-width: 788px) 100vw, 788px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Single_color_background\"><\/span>Fondo de un solo color<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>La opci\u00f3n le permite definir un solo color en el fondo del bloque.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Gradient_background\"><\/span>fondo degradado<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>La opci\u00f3n le permite definir el degradado en el fondo del bloque.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Border_settings\"><\/span>Configuraciones de borde<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Las opciones le permiten definir el borde del bloque con color, ancho y radio personalizados para bordes de bloque redondeados.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Shadow_settings\"><\/span>Configuraci\u00f3n de sombras<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Al definir el color en la configuraci\u00f3n de sombra, puede activar la sombra debajo del bloque. Est\u00e1n disponibles todos los par\u00e1metros necesarios para personalizar la sombra seg\u00fan sus necesidades, hay controles para el desplazamiento horizontal y vertical, el desenfoque y el radio de dispersi\u00f3n en p\u00edxeles.<br>La sombra se puede mostrar como tipo de sombra exterior o interior.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Height_settings\"><\/span>Ajustes de altura<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Usando la configuraci\u00f3n de altura, puede forzar que el bloque se muestre en una altura definida si el contenido dentro del bloque no excede esta altura. Puede seleccionar entre diferentes unidades para la altura m\u00ednima del bloque, disponibles son p\u00edxeles, vh y vw.<br>Una vez que se define el tama\u00f1o de la altura personalizada o la altura de la cubierta para el bloque, tambi\u00e9n puede alinear verticalmente el contenido dentro del bloque usando los iconos disponibles en la barra de herramientas del bloque.<\/p>\n\n\n\n<p>Para los bloques de cl\u00faster que se insertan dentro del bloque Columnas, est\u00e1 disponible una opci\u00f3n adicional &quot;Cubrir la altura de la columna&quot; que ajustar\u00e1 la altura del bloque de cl\u00faster a la altura total de la columna en la que se inserta. Esta opci\u00f3n tiene efecto si el bloque de cl\u00faster es solo el \u00fanico bloque insertado directamente en la columna. Por supuesto, puede insertar tantos otros bloques como desee en el bloque de cl\u00faster.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Width_settings\"><\/span>Ajustes de ancho<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>La configuraci\u00f3n de ancho le permite personalizar el ancho del contenido en el bloque de cl\u00faster que se define de forma predeterminada en&nbsp;<a href=\"https:\/\/www.ait-themes.club\/es\/plugin-settings-in-wordpress-customizer\/\">Configuraci\u00f3n general de dise\u00f1o en el personalizador de WordPress<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>El ancho se puede cambiar por separado para diferentes tama\u00f1os (contenido, ancho y ancho completo) configurados en la barra de herramientas del bloque de cl\u00faster.<\/p><\/blockquote>\n\n\n\n<p>Los ajustes de ancho solo est\u00e1n disponibles con el complemento Citadela Pro activo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mobile_settings\"><\/span>Configuraci\u00f3n m\u00f3vil<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Con la configuraci\u00f3n m\u00f3vil se puede definir si el bloque de cl\u00faster se muestra u oculta solo en un m\u00f3vil. Puede ocultar el bloque con su contenido de tama\u00f1o de pantalla que no responde.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Spacing_settings\"><\/span>Configuraci\u00f3n de espaciado<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Las opciones le permiten definir el relleno (espaciado) alrededor del contenido en el bloque de cl\u00faster. Hay tres tipos de espacios disponibles: Ninguno (espaciado predeterminado), 0 (cero, sin espaciado), espaciado peque\u00f1o y grande.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/block_cluster_responsive_options-1.png\"><img decoding=\"async\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2019\/09\/block_cluster_responsive_options-1.png\" alt=\"\" class=\"wp-image-86210\"\/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Block_settings_in_the_toolbar\" >Configuraci\u00f3n de bloques en la barra de herramientas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Block_settings_in_the_sidebar\" >Configuraci\u00f3n de bloques en la barra lateral<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Background_settings\" >Configuraci\u00f3n de fondo<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Image_background\" >Fondo de imagen<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Responsive_option_for_image_background\" >Opci\u00f3n receptiva para el fondo de la imagen.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#How_to_change_background_image\" >C\u00f3mo cambiar la imagen de fondo<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Single_color_background\" >Fondo de un solo color<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Gradient_background\" >fondo degradado<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Border_settings\" >Configuraciones de borde<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Shadow_settings\" >Configuraci\u00f3n de sombras<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Height_settings\" >Ajustes de altura<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Width_settings\" >Ajustes de ancho<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Mobile_settings\" >Configuraci\u00f3n m\u00f3vil<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.ait-themes.club\/es\/bloque-de-cluster\/#Spacing_settings\" >Configuraci\u00f3n de espaciado<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>El bloque de cl\u00faster le permite agrupar otros bloques en un bloque principal y crear de esa manera una secci\u00f3n interesante de bloques con un fondo personalizado. Configuraci\u00f3n del bloque en la barra de herramientas Los botones de la barra de herramientas disponibles en el bloque le permiten cambiar el ancho del bloque a Tama\u00f1o del contenido, Tama\u00f1o ancho o Tama\u00f1o de ancho completo. Una vez que la imagen [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[50],"tags":[],"citadela-post-location":[],"class_list":["post-88903","post","type-post","status-publish","format-standard","hentry","category-citadela-pro-documentation"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/88903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/comments?post=88903"}],"version-history":[{"count":3,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/88903\/revisions"}],"predecessor-version":[{"id":94215,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/posts\/88903\/revisions\/94215"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/media?parent=88903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/categories?post=88903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/tags?post=88903"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/es\/wp-json\/wp\/v2\/citadela-post-location?post=88903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}