{"id":137328,"date":"2022-11-06T10:02:35","date_gmt":"2022-11-06T04:32:35","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=137328"},"modified":"2022-11-10T13:55:48","modified_gmt":"2022-11-10T08:25:48","slug":"improved-spectra-compatibility","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/improved-spectra-compatibility\/","title":{"rendered":"Compatibilidad mejorada con Spectra"},"content":{"rendered":"<p>Spectra es 100% amigable para principiantes y mejora el editor de bloques predeterminado de WordPress, Gutenberg. Usando Spectra, puedes potenciar el editor Gutenberg con bloques avanzados y potentes que te ayudar\u00e1n a construir sitios web en muy poco tiempo. Nuestro objetivo con <a href=\"https:\/\/git-staging.wpastra.com\/es\/updates\/spectra-2-0\/\" target=\"_blank\" rel=\"noreferrer noopener\">Spectra<\/a> era sacar al mercado un producto con todo lo necesario para crear sitios web excelentes junto con la mejor experiencia de usuario.<\/p>\n\n\n\n<p>Hemos a\u00f1adido nueva Compatibilidad Spectra para los usuarios en la actualizaci\u00f3n m\u00e1s reciente de la versi\u00f3n Astra tema 3.9.4. Esto mejorar\u00e1 la experiencia del usuario al trabajar con Spectra utilizando el editor y el front-end. En este documento, vamos a explicar las principales actualizaciones que van a ser importantes cambios de juego.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mejor alineaci\u00f3n con el T\u00edtulo de la P\u00e1gina para los bloques Spectra en el Editor<\/h3>\n\n\n\n<p>Hemos mejorado la alineaci\u00f3n del t\u00edtulo de la p\u00e1gina y la alineaci\u00f3n del contenedor de los bloques Spectra y el bloque central de Gutenberg. Todos los tipos de bloque contenedor son ahora compatibles con el plugin Spectra y la alineaci\u00f3n de todos los bloques como Full Width Contained, Content Boxed container y Boxed Container layout se ven mejor que nunca.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-1-1024x470.png\" alt=\"Spectra-Container-box-allignment-improvemnt\" class=\"wp-image-137329\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-1-1024x470.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-1-300x138.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-1-768x352.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-1.png 1363w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Mejor alineaci\u00f3n con el T\u00edtulo de P\u00e1gina para los bloques Spectra en el Front-End<\/h3>\n\n\n\n<p>Estas alineaciones se mejoran tambi\u00e9n en el front-end sin ning\u00fan esfuerzo adicional. Esto har\u00e1 que crear el sitio web utilizando Gutenberg y Spectra junto con el tema Astra sea mucho m\u00e1s limpio y f\u00e1cil. En la nueva versi\u00f3n del tema Astra, el t\u00edtulo de la p\u00e1gina, los encabezados, las columnas de p\u00e1rrafo y los bloques principales est\u00e1n perfectamente alineados.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-frontend-1.png\"><img decoding=\"async\" width=\"1024\" height=\"456\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-frontend-1-1024x456.png\" alt=\"Spectra-Container-box-allignment-improvemnt-frontend \" class=\"wp-image-137330\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-frontend-1-1024x456.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-frontend-1-300x133.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-frontend-1-768x342.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/11\/Spectra-Container-box-allignment-improvemnt-frontend-1.png 1351w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Experiencia en front-end y edici\u00f3n con Specta<\/h3>\n\n\n\n<p>Tambi\u00e9n hemos mejorado los m\u00e1rgenes en esta nueva versi\u00f3n del tema Astra. Como siempre, tambi\u00e9n hemos corregido algunos errores menores por el camino.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Experiencia del usuario:<\/h3>\n\n\n\n<p>Para los nuevos usuarios (nueva instalaci\u00f3n) las actualizaciones se aplicar\u00e1n autom\u00e1ticamente; sin embargo, los usuarios existentes, que actualizaron a la \u00faltima versi\u00f3n (3.9.4) del tema Astra, tendr\u00e1n que utilizar los siguientes filtros (las actualizaciones directamente no se reflejan en este caso para mantener la compatibilidad con versiones anteriores para su sitio). Si no est\u00e1 seguro de c\u00f3mo insertar el c\u00f3digo, por favor refi\u00e9rase a esto <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/\" target=\"_blank\" rel=\"noreferrer noopener\">art\u00edculo<\/a>.<\/p>\n\n\n\n<p id=\"block-e8f81ff4-3e2b-4f5f-be09-ba7a1bf43491\">Deber\u00e1 cambiar al modo \"Compacto\", \"Confort\" o \"Personalizado\" desde Personalizador &gt; Global &gt; Editor de bloques &gt; Espaciado de bloques centrales. Despu\u00e9s de cambiar al modo compacto, c\u00f3modo o personalizado, puede a\u00f1adir los siguientes filtros para experimentar las nuevas mejoras:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>\n\/* For the new spectra compatibility fixes\/improvements version 3.9.4 *\/\nadd_filter('astra_spectra_gutenberg_compat_css', '__return_true');\n\n\/* For previous fixes\/improvements prior to version 3.9.4 *\/\nadd_filter( 'astra_get_option_wp-blocks-v2-ui' , '__return_true' );\n<\/code><\/pre>","protected":false},"excerpt":{"rendered":"<p>Spectra es 100% amigable para principiantes y mejora el editor de bloques predeterminado de WordPress, Gutenberg. Usando Spectra, puedes potenciar el editor Gutenberg con bloques avanzados y potentes que te ayudar\u00e1n a construir sitios web en muy poco tiempo. Nuestro objetivo con Spectra era sacar un producto con todo lo que necesitas para construir excelentes sitios web junto con [...]<\/p>","protected":false},"author":86,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","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":"","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":[2035],"docs_tag":[],"class_list":{"0":"post-137328","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-astra-theme-walkthrough-docs"},"spectra_custom_meta":{"wp_last_modified_info":["November 10, 2022 @ 1:55 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1678190299:89"],"_wplmi_last_modified":["2022-11-10 13:55:48"],"rank_math_internal_links_processed":["1"],"rank_math_primary_docs_category":["2035"],"rank_math_seo_score":["17"],"views":["16129"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"rank_math_analytic_object_id":["2288"],"helpful":["5"],"unhelpful":["6"],"redirects":["3"],"_wp_old_slug":["astra-gutenberg-spectra-compatibility-improvement-in-version-3-9-3"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"445b7554aeb4ab2f1a3022438e49f394\";s:6:\"images\";a:1:{i:0;i:137329;}}"],"_trp_automatically_translated_slug_es_ES":["compatibilidad-espectral-mejorada"]},"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":"Arindam","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/arindamm\/"},"uagb_comment_info":0,"uagb_excerpt":"Spectra is 100% beginner friendly and enhances the default WordPress block editor, Gutenberg. Using Spectra, you can power up the Gutenberg editor with advanced and powerful blocks that help you build websites in no time! Our goal with Spectra was to bring out a product with everything you need to build excellent websites coupled with&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/137328"}],"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\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=137328"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/137328\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=137328"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=137328"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=137328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}