{"id":105016,"date":"2021-10-08T21:15:47","date_gmt":"2021-10-08T15:45:47","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=105016"},"modified":"2022-01-20T13:11:02","modified_gmt":"2022-01-20T07:41:02","slug":"gutenberg-ui-improvements-with-astra","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/gutenberg-ui-improvements-with-astra\/","title":{"rendered":"Mejoras en el editor Gutenberg y en la interfaz de usuario con Astra (3.7.4)"},"content":{"rendered":"<p>La versi\u00f3n 3.7.4 de Astra Theme trajo interesantes mejoras de Gutenberg UI tanto para el editor de bloques como para la interfaz de usuario frontend.&nbsp;<\/p>\n\n\n\n<p>Este documento le mostrar\u00e1 los cambios que hemos a\u00f1adido y c\u00f3mo aplicar estas mejoras cuando actualice su tema a la versi\u00f3n 3.7.4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Visi\u00f3n general de las mejoras de la interfaz de usuario de Gutenberg<\/h2>\n\n\n\n<p>Hemos a\u00f1adido mejoras en la interfaz de usuario de Gutenberg a varios bloques, as\u00ed como a todo el editor de bloques:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Disposici\u00f3n de los bloques<\/li><li>Bloque \"espaciador\";<\/li><li>Bloque \"Pullquote\";<\/li><li>Bloque \"Archivo\";<\/li><li>Controles de edici\u00f3n de bloques;<\/li><li>Selecci\u00f3n de bloques en el editor.<\/li><\/ul>\n\n\n\n<p>Veamos algunos detalles de cada mejora:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Disposici\u00f3n de los bloques <\/h3>\n\n\n\n<p>Hemos a\u00f1adido compatibilidad de dise\u00f1o para bloques m\u00faltiples. El dise\u00f1o de bloques ofrece ahora las siguientes opciones:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Dise\u00f1o por defecto<\/strong> - un dise\u00f1o en caja por defecto;<\/li><li><strong>Dise\u00f1o ancho<\/strong> - este dise\u00f1o heredar\u00e1 la anchura del contenedor que establezca en su sitio web;<\/li><li><strong>Dise\u00f1o de ancho completo<\/strong> - este dise\u00f1o ir\u00e1 de borde a borde de la pantalla.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-gb-blocks-layout.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"715\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-gb-blocks-layout.png\" alt=\"Gutenberg Block Layouts\" class=\"wp-image-105078\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-gb-blocks-layout.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-gb-blocks-layout-300x157.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-gb-blocks-layout-1024x536.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-gb-blocks-layout-768x402.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p>Esta estructura est\u00e1 disponible para los bloques Grupo, Portada, Columnas, Encabezado y Medios y texto. Esta estructura est\u00e1 disponible para estos bloques incluso cuando est\u00e1n anidados. Eche un vistazo a esta representaci\u00f3n visual de la mejora:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/blocks-layout-visual-representation.jpg\"><img decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/blocks-layout-visual-representation.jpg\" alt=\"Block Layouts Improvement\" class=\"wp-image-105087\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/blocks-layout-visual-representation.jpg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/blocks-layout-visual-representation-300x173.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/blocks-layout-visual-representation-1024x589.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/blocks-layout-visual-representation-768x442.jpg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p>Esta mejora funciona tanto para el editor de bloques como para el front-end.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bloque separador<\/h3>\n\n\n\n<p>Antes era dif\u00edcil ver los bloques espaciadores. Este bloque s\u00f3lo se ve\u00eda al hacer clic sobre \u00e9l. De lo contrario, el bloque permanec\u00eda casi oculto. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer.png\"><img decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer.png\" alt=\"Old Spacer Block\" class=\"wp-image-105079\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p>Mejoramos el bloque a\u00f1adi\u00e9ndole un fondo claro y mostrando la altura que tiene asignada.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer-improvements.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer-improvements.png\" alt=\"Gutenberg UI Improvements - Spacer Block\" class=\"wp-image-105080\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer-improvements.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer-improvements-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer-improvements-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-spacer-improvements-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Bloque Pullquote<\/h3>\n\n\n\n<p>Hemos a\u00f1adido un icono de cita para el bloque Pullquote tanto en el editor como en el front-end. Este es el aspecto que ten\u00eda anteriormente el bloque Pullquote:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote.png\" alt=\"Old Pullquote Block\" class=\"wp-image-105081\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p>Las mejoras hacen que el bloque sea m\u00e1s visible y destacan que el contenido del bloque es una cita.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote-improvements.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote-improvements.png\" alt=\"Gutenberg UI Improvements - Pullquote Block\" class=\"wp-image-105082\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote-improvements.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote-improvements-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote-improvements-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-pullquote-improvements-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Bloque de archivos<\/h3>\n\n\n\n<p>Anteriormente, el bloque Archivo no ten\u00eda soporte de Estilo, que se ha mejorado en la actualizaci\u00f3n mencionada. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block.png\" alt=\"Old File Block\" class=\"wp-image-105083\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p>El soporte de estilos est\u00e1 ahora disponible en el editor y tambi\u00e9n en el front-end.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block-improvements.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block-improvements.png\" alt=\"Gutenberg UI Improvements - File Block \" class=\"wp-image-105084\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block-improvements.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block-improvements-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block-improvements-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-file-block-improvements-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Controles de edici\u00f3n de bloques<\/h3>\n\n\n\n<p>En versiones anteriores, los controles de bloque ten\u00edan un color m\u00e1s claro que los hac\u00eda menos visibles.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/01\/Block-Edit-Controls.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"589\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/01\/Block-Edit-Controls.png\" alt=\"Block Edit Controls\" class=\"wp-image-116508\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/01\/Block-Edit-Controls.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/01\/Block-Edit-Controls-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/01\/Block-Edit-Controls-768x442.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Los controles de edici\u00f3n de bloques son ahora m\u00e1s visibles, ya que les hemos dado un color m\u00e1s oscuro.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-editor-controls-improvements.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-editor-controls-improvements.png\" alt=\"Gutenberg UI Improvements - Block Controls\" class=\"wp-image-105086\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-editor-controls-improvements.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-editor-controls-improvements-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-editor-controls-improvements-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-editor-controls-improvements-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Selecci\u00f3n de bloques<\/h3>\n\n\n\n<p>Antes de las mejoras, no era f\u00e1cil saber qu\u00e9 espacio ocupa un bloque y d\u00f3nde hacer clic para empezar a editarlo.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"Editor de bloques - Selecci\u00f3n\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/W3tUBUT_ouU?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<\/div><\/figure>\n\n\n\n<p>La mejora permite ahora ver cada bloque y sus bordes con s\u00f3lo pasar el rat\u00f3n por encima.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"Editor de bloques - Mejora de la selecci\u00f3n\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/aij_I1uK3zM?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<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo conseguir estas mejoras?<\/h2>\n\n\n\n<p>Para todos los sitios web nuevos, las mejoras de Gutenberg UI se aplicar\u00e1n autom\u00e1ticamente cuando se actualice el tema.&nbsp;<\/p>\n\n\n\n<p>Como estas mejoras pueden reflejarse en el front-end, tendr\u00e1 que activar los cambios a\u00f1adiendo un filtro para los sitios web existentes. De este modo, podr\u00e1 comprobar c\u00f3mo se aplican estos cambios a su sitio web y realizar los ajustes necesarios.&nbsp;<\/p>\n\n\n\n<p>Para aplicar las mejoras a su sitio web, a\u00f1ada el siguiente filtro al archivo functions.php de su tema hijo:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\/\/ Filtro para activar las mejoras de la interfaz de usuario de Astra 3.7.4 Gutenberg\nadd_filter( 'astra_get_option_improve-gb-editor-ui', '__return_true' );<\/pre>\n\n\n\n<p>Si no tiene instalado el tema infantil, compruebe lo siguiente<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/install-astra-child-theme\/\"> este art\u00edculo<\/a> sobre c\u00f3mo hacerlo.<\/p>\n\n\n\n<p>Si no est\u00e1 seguro de c\u00f3mo a\u00f1adir este c\u00f3digo, consulte lo siguiente<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/#3.-in-child-theme\"> art\u00edculo<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>La versi\u00f3n 3.7.4 de Astra Theme trajo interesantes mejoras en la interfaz de usuario de Gutenberg, tanto para el editor de bloques como para la interfaz de usuario del frontend.  Este documento le mostrar\u00e1 los cambios que hemos a\u00f1adido y c\u00f3mo aplicar estas mejoras cuando actualice su tema a la versi\u00f3n 3.7.4. Mejoras en la IU de Gutenberg Descripci\u00f3n general A\u00f1adimos mejoras en la IU de Gutenberg a varios bloques, as\u00ed como a la [...]<\/p>","protected":false},"author":70,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","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":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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":""},"docs_category":[2109],"docs_tag":[],"class_list":{"0":"post-105016","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-astra-theme-pro-filters"},"spectra_custom_meta":{"wp_last_modified_info":["January 20, 2022 @ 1:11 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1642664464:65"],"views":["5478"],"_edit_last":["65"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_estimated-reading-time-minutes":["5"],"_oembed_977c0ac517d68b3c6d97d3634aca6328":["<iframe title=\"Block Editor - Selection\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/W3tUBUT_ouU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_977c0ac517d68b3c6d97d3634aca6328":["1642664464"],"_oembed_1874b2cff30dbf7bb1cec3411edb8907":["<iframe title=\"Block Editor - Selection Improvement\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/aij_I1uK3zM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_1874b2cff30dbf7bb1cec3411edb8907":["1642664464"],"_oembed_bf113fe7eeb310f0462ac74c6f2c6640":["<iframe title=\"Block Editor - Selection\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/W3tUBUT_ouU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_bf113fe7eeb310f0462ac74c6f2c6640":["1633965557"],"_oembed_c6595e269878010f8d6933d182860627":["<iframe title=\"Block Editor - Selection Improvement\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/aij_I1uK3zM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_c6595e269878010f8d6933d182860627":["1633965557"],"helpful":["3"],"unhelpful":["0"],"redirects":["2"],"_yoast_wpseo_focuskw":["Gutenberg UI Improvements"],"_yoast_wpseo_metadesc":["Astra Theme 3.7.4 brought quite a number of Gutenberg UI improvements. Learn how to apply changes and improve the Gutenberg experience with Astra."],"_yoast_wpseo_linkdex":["72"],"_yoast_wpseo_primary_docs_category":["2109"],"rank_math_primary_docs_category":["2109"],"rank_math_description":["Astra Theme 3.7.4 brought quite a number of Gutenberg UI improvements. Learn how to apply changes and improve the Gutenberg experience with Astra."],"rank_math_focus_keyword":["Gutenberg UI Improvements"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["87"],"rank_math_internal_links_processed":["1"],"rank_math_seo_score":["46"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"63dec9eb297cdf3876bccd75757f371c\";s:6:\"images\";a:1:{i:0;i:105078;}}"],"_trp_automatically_translated_slug_es_ES":["mejoras-en-la-ui-de-gutenberg-con-astra"],"_oembed_a7366be3ee60ac2c0f4bbdfbb83b47d8":["<iframe title=\"Block Editor - Selection\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/W3tUBUT_ouU?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>"],"_oembed_time_a7366be3ee60ac2c0f4bbdfbb83b47d8":["1718273466"],"_oembed_6a1438d5153cbc94d6e84228ebc0e56c":["<iframe title=\"Block Editor - Selection Improvement\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/aij_I1uK3zM?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>"],"_oembed_time_6a1438d5153cbc94d6e84228ebc0e56c":["1718273466"],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:8:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:9:\"core\/list\";i:3;s:10:\"core\/image\";i:4;s:10:\"core\/embed\";i:5;s:17:\"core\/preformatted\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776812000\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Nikola Mihajlovic","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/nikolam\/"},"uagb_comment_info":0,"uagb_excerpt":"Astra Theme version 3.7.4 brought interesting Gutenberg UI improvements for both Block editor and frontend user interface.&nbsp; This document will show you the changes we added and how to apply these improvements when you update your theme to 3.7.4. Gutenberg UI Improvements Overview We added Gutenberg UI improvements to several blocks as well as the&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/105016"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=105016"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/105016\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=105016"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=105016"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=105016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}