{"id":65919,"date":"2020-10-16T17:44:37","date_gmt":"2020-10-16T12:14:37","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=65919"},"modified":"2022-02-24T01:20:43","modified_gmt":"2022-02-23T19:50:43","slug":"new-color-controls-in-astra","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/new-color-controls-in-astra\/","title":{"rendered":"Nuevos controles de color en el tema Astra y el complemento Astra Pro"},"content":{"rendered":"<p>\u00daltimamente hemos estado trabajando en bastantes cosas. <\/p>\n\n\n\n<p>Para empezar hemos movido todos nuestros controles en nuestro Personalizador de PHP a controles ReactJS. Lo que significa que tenemos un nuevo y mejor y optimizado rendimiento.<\/p>\n\n\n\n<p>Adem\u00e1s para todos los controles de Color, Responsive Color, Background &amp; Responsive Background ahora utiliza el control de Gutenberg en Customizer.<\/p>\n\n\n\n<p>Vamos a ver c\u00f3mo se ver\u00eda -<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Controles anteriores del selector de color<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"342\" height=\"515\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-old-color-picker-options.png\" alt=\"Astra Old Color Picker Options\" class=\"wp-image-66279\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-old-color-picker-options.png 342w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-old-color-picker-options-199x300.png 199w\" sizes=\"(max-width: 342px) 100vw, 342px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><strong>Nuevos controles del selector de color<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-new-color-picker-options.png\"><img decoding=\"async\" width=\"372\" height=\"754\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-new-color-picker-options.png\" alt=\"Astra New Color Picker Options\" class=\"wp-image-65924\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-new-color-picker-options.png 372w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-new-color-picker-options-148x300.png 148w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>A continuaci\u00f3n, para el control de Fondo en el Personalizador, hemos proporcionado la opci\u00f3n de color Degradado -<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Nueva opci\u00f3n de control de gradiente -<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-new-gradient-option.png\"><img decoding=\"async\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-new-gradient-option.png\" alt=\"Astra New Gradient Option\" class=\"wp-image-65935\" width=\"280\" height=\"489\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-new-gradient-option.png 373w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/10\/ast-new-gradient-option-172x300.png 172w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/a><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>","protected":false},"excerpt":{"rendered":"<p>Hemos estado trabajando en bastantes cosas \u00faltimamente. Para empezar hemos movido todos nuestros controles en nuestro Personalizador de PHP a controles ReactJS. Lo que significa que tenemos un nuevo y mejor y un rendimiento optimizado. Adem\u00e1s para todos los controles Color, Responsive Color, Background &amp; Responsive Background ahora utilizan el control de Gutenberg en el Customizer. Vamos a [...]<\/p>","protected":false},"author":39,"featured_media":0,"comment_status":"closed","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":[108],"docs_tag":[],"class_list":{"0":"post-65919","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_edit_lock":["1645645845:77"],"_edit_last":["77"],"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_primary_docs_category":["108"],"_ht_kb_post_views_count":["4"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["65919"],"wp_last_modified_info":["February 24, 2022 @ 1:20 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["4882"],"helpful":["2"],"unhelpful":["5"],"redirects":["1"],"rank_math_primary_docs_category":["108"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["549"],"rank_math_seo_score":["19"],"pfd_related_docs":[""],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"8626f7c7027eef850ee529721e41106b\";s:6:\"images\";a:1:{i:0;i:66279;}}"],"_trp_automatically_translated_slug_es_ES":["nuevos-controles-de-color-en-astra"],"_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\/columns\";i:2;s:11:\"core\/column\";i:3;s:10:\"core\/image\";i:4;s:14:\"core\/separator\";i:5;s:12:\"core\/heading\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777018997\";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":"Suman","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/sumand\/"},"uagb_comment_info":0,"uagb_excerpt":"We have been working on quite a few things lately. To begin with we have moved all our controls in our Customizer from PHP to ReactJS controls. Which means we have new and better and optimized performance. Further for all Color, Responsive Color, Background &amp; Responsive Background control now uses Gutenberg&#8217;s control in Customizer. Let&#8217;s&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/65919"}],"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\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=65919"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/65919\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=65919"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=65919"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=65919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}