{"id":164127,"date":"2023-10-09T13:33:37","date_gmt":"2023-10-09T08:03:37","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=164127"},"modified":"2023-10-09T13:39:23","modified_gmt":"2023-10-09T08:09:23","slug":"secondary-buttons","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/secondary-buttons\/","title":{"rendered":"Botones secundarios"},"content":{"rendered":"<p>En las versiones anteriores, la gesti\u00f3n del estilo de los botones principales de WordPress (primarios) y los botones de contorno (secundarios) estaba en un solo lugar en Personalizador &gt; Global &gt; Botones.<\/p>\n\n\n\n<p>\u00bfPero adivina qu\u00e9?<\/p>\n\n\n\n<p>Con la actualizaci\u00f3n Astra v4.4.0, hemos mejorado significativamente las opciones de estilo de los botones. Ahora, para un estilo extra en los botones de contorno, hemos introducido opciones dedicadas en el Personalizador.<\/p>\n\n\n\n<p>En este documento puede obtener m\u00e1s informaci\u00f3n sobre esta nueva opci\u00f3n de estilo de los botones y saber c\u00f3mo utilizarla.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-164127-_yci35dxrdg81\"><\/a><strong>Estilo espec\u00edfico para botones secundarios (contorno)<\/strong><\/h3>\n\n\n\n<p>Para ofrecerle una mayor flexibilidad a la hora de dise\u00f1ar los botones de contorno, hemos introducido opciones espec\u00edficas en el Personalizador.<\/p>\n\n\n\n<p>Puedes ir a Personalizador &gt; Global &gt; Botones, y ver\u00e1s que hay dos pesta\u00f1as: Primario y Secundario.<\/p>\n\n\n\n<p>Primary Tab es la configuraci\u00f3n por defecto que ha estado disponible desde antes de la actualizaci\u00f3n. Se aplica a ambos tipos de botones, al igual que el ajuste \u00fanico para ambos tipos de botones de n\u00facleo de WordPress (primario) y bot\u00f3n de contorno (secundario).<\/p>\n\n\n\n<p>Secondary Tab es el nuevo ajuste introducido en esta actualizaci\u00f3n, dise\u00f1ado espec\u00edficamente para dar estilo a los botones de contorno.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/secondary-button-customization-options.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"447\" height=\"837\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/secondary-button-customization-options.png\" alt=\"secondary button customization options\" class=\"wp-image-164128\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/secondary-button-customization-options.png 447w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/secondary-button-customization-options-160x300.png 160w\" sizes=\"(max-width: 447px) 100vw, 447px\" \/><\/a><\/figure>\n\n\n\n<p><a id=\"post-164127-_d5ce9zr24t6f\"><\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>C\u00f3mo crear un bot\u00f3n de contorno<\/strong><\/h3>\n\n\n\n<p>Antes de empezar, aseg\u00farese de que dispone tanto del <a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Tema Astra<\/a> y el <a href=\"https:\/\/git-staging.wpastra.com\/es\/pro\/\">Complemento Astra Pro<\/a> instalado en su sitio web WordPress.<\/p>\n\n\n\n<p>S\u00f3lo entonces podr\u00e1s desbloquear una serie de funcionalidades que pueden mejorar el estilo de tus botones secundarios.<\/p>\n\n\n\n<p>Para m\u00e1s informaci\u00f3n sobre la instalaci\u00f3n del tema Astra y el plugin Astra Pro, consulta las instrucciones que se facilitan en este documento: <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/how-to-install-astra-pro-addon-plugin\/\">C\u00f3mo instalar el complemento Astra Pro<\/a>.<\/p>\n\n\n\n<p>Ahora, vamos a recorrer el sencillo proceso de creaci\u00f3n de un bot\u00f3n de esquema.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>En primer lugar, inicie sesi\u00f3n en WordPress con las credenciales de inicio de sesi\u00f3n.<\/li>\n\n\n\n<li>Empieza por crear la p\u00e1gina o el post donde quieras a\u00f1adir el bot\u00f3n de contorno.<\/li>\n\n\n\n<li>Inserte un elemento de bot\u00f3n en su contenido.<\/li>\n\n\n\n<li>Acceder a la configuraci\u00f3n del estilo de los botones.<\/li>\n\n\n\n<li>En las opciones de estilo, elija el estilo \"Contorno\" para su bot\u00f3n.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/Add-button.webm\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Si desea que sus botones de contorno tengan el aspecto deseado, utilice el Personalizador. Vaya a Personalizador &gt; Global &gt; Botones &gt; Secundario.<\/p>\n\n\n\n<p>Encontrar\u00e1s ajustes especiales para los botones secundarios. Ajusta f\u00e1cilmente los preajustes de los botones, el estilo de fuente, el tama\u00f1o de fuente y los rellenos: todo est\u00e1 al alcance de tu mano. Puede personalizar sin esfuerzo para el estilo de bot\u00f3n perfecto en su sitio web.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/button-customization.webm\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Espero que este documento te haya ayudado a entender c\u00f3mo puedes utilizar esta funci\u00f3n. Si necesitas ayuda, estamos a un mensaje de distancia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-164127-_70kamf3easxj\"><\/a><strong>Preguntas frecuentes<\/strong><\/h3>\n\n\n<div class=\"wp-block-uagb-faq uagb-faq__outer-wrap uagb-block-280a338d uagb-faq-icon-row uagb-faq-layout-accordion uagb-faq-expand-first-true uagb-faq-inactive-other-true uagb-faq__wrap uagb-buttons-layout-wrap uagb-faq-equal-height\" data-faqtoggle=\"true\" role=\"tablist\"><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-87126338\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>\u00bfCambia la funcionalidad de los botones primarios cuando se utiliza una versi\u00f3n anterior de Astra?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>En caso de que est\u00e9s utilizando las versiones anteriores de Astra, los botones primarios seguir\u00e1n funcionando de la misma manera que antes, aplic\u00e1ndose tanto a los botones principales de WordPress (primarios) como a los botones de contorno (secundarios).<br><br>Esto se ha implementado para garantizar la compatibilidad con versiones anteriores. Sin embargo, cualquier cambio de estilo realizado en los botones secundarios anular\u00e1 los estilos primarios de los botones de contorno.<\/p><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>En las versiones anteriores, la gesti\u00f3n del estilo de los botones principales de WordPress (primarios) y los botones de contorno (secundarios) estaba todo en un solo lugar en Personalizador &gt; Global &gt; Botones. \u00bfPero adivina qu\u00e9? Con la actualizaci\u00f3n Astra v4.4.0, hemos mejorado significativamente las opciones de estilo de los botones. Ahora, para dar m\u00e1s estilo a los botones de contorno, hemos [...]<\/p>","protected":false},"author":43,"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":"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":"","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":"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":""},"docs_category":[1595],"docs_tag":[],"class_list":{"0":"post-164127","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-global"},"spectra_custom_meta":{"wp_last_modified_info":["October 9, 2023 @ 1:39 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1696907930:89"],"_wplmi_last_modified":["2023-10-09 13:39:23"],"rank_math_internal_links_processed":["1"],"_uag_custom_page_level_css":[""],"_lmt_disableupdate":[""],"_lmt_disable":[""],"ast-site-content-layout":["default"],"theme-transparent-header-meta":[""],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"rank_math_schema_VideoObject":["a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-6523b35d2e4c2\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:11:\"%seo_title%\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:20:\"%date(Y-m-dTH:i:sP)%\";s:12:\"thumbnailUrl\";s:16:\"%post_thumbnail%\";s:8:\"embedUrl\";s:0:\"\";s:10:\"contentUrl\";s:74:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/Add-button.webm\";s:8:\"duration\";s:0:\"\";s:5:\"width\";i:1280;s:6:\"height\";i:562;s:16:\"isFamilyFriendly\";b:1;}","a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-6523b35d2e4cb\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:11:\"%seo_title%\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:20:\"%date(Y-m-dTH:i:sP)%\";s:12:\"thumbnailUrl\";s:16:\"%post_thumbnail%\";s:8:\"embedUrl\";s:0:\"\";s:10:\"contentUrl\";s:84:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/button-customization.webm\";s:8:\"duration\";s:0:\"\";s:5:\"width\";i:1280;s:6:\"height\";i:562;s:16:\"isFamilyFriendly\";b:1;}"],"rank_math_seo_score":["20"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"views":["5811"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"f0391ef44de05855865d5f10da55abb3\";s:6:\"images\";a:1:{i:0;i:164128;}}"],"rank_math_analytic_object_id":["4329"],"rank_math_primary_docs_category":["1595"],"pfd_related_docs":[""],"helpful":["4"],"unhelpful":["2"],"redirects":["2"],"_trp_automatically_translated_slug_es_ES":["botones-secundarios"]},"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":"Team Astra","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/astra-editorial\/"},"uagb_comment_info":0,"uagb_excerpt":"In the earlier versions, managing the style of WordPress core buttons (primary) and outline buttons (secondary) was all in one place under Customizer &gt; Global &gt; Buttons. But guess what? With the cool Astra v4.4.0 update, we&#8217;ve made a significant improvement to the button styling options. Now, for extra flair in styling outline buttons, we&#8217;ve&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/164127"}],"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\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=164127"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/164127\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=164127"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=164127"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=164127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}