{"id":164345,"date":"2023-10-11T16:54:02","date_gmt":"2023-10-11T11:24:02","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=164345"},"modified":"2024-02-21T15:35:26","modified_gmt":"2024-02-21T10:05:26","slug":"featured-image-options-for-single-banner-layouts","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/featured-image-options-for-single-banner-layouts\/","title":{"rendered":"Opciones de imagen destacada para dise\u00f1os de banner \u00fanico"},"content":{"rendered":"<p>Astra se basa en la velocidad, la flexibilidad y la personalizaci\u00f3n de tu sitio web. Hoy estamos encantados de introducir algunos cambios interesantes, especialmente para las im\u00e1genes destacadas en las entradas individuales del blog.<\/p>\n\n\n\n<p>Las im\u00e1genes destacadas desempe\u00f1an un papel importante, ya que ayudan a comunicar, captar la atenci\u00f3n y definir su marca en las entradas del blog. Elegir estas im\u00e1genes con cuidado puede aumentar el impacto y la eficacia del contenido de tu blog.<\/p>\n\n\n\n<p>En la \u00faltima versi\u00f3n 4.4.0 de Astra, hemos escuchado tus comentarios y hemos mejorado la forma de manejar las im\u00e1genes destacadas. Antes, era un simple interruptor de encendido\/apagado. Ahora tienes m\u00e1s opciones para controlar el aspecto de los banners de tus entradas.<\/p>\n\n\n\n<p>Esta gu\u00eda le guiar\u00e1 a trav\u00e9s de las nuevas e interesantes funciones de Astra para las im\u00e1genes destacadas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a id=\"post-164345-_fmy1vh2hoq1m\"><\/a><strong>C\u00f3mo acceder a las opciones de imagen destacada para dise\u00f1os de banner<\/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 personalizaciones para mejorar la apariencia de tus im\u00e1genes destacadas en las entradas del blog.<\/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 probar la personalizaci\u00f3n de la imagen destacada del banner.<\/p>\n\n\n\n<p>Puedes navegar al Personalizador &gt; Blog &gt; Entrada individual &gt; T\u00edtulo de la entrada. All\u00ed, encontrar\u00e1s todas las nuevas opciones en la secci\u00f3n Imagen destacada ordenable. Activa la opci\u00f3n Imagen destacada para personalizar a\u00fan m\u00e1s la posici\u00f3n de la imagen, el ancho de la imagen, la proporci\u00f3n de la imagen y el tama\u00f1o de la imagen. <\/p>\n\n\n\n<p>Del mismo modo, obtendr\u00e1 todas estas opciones para todos sus dise\u00f1os individuales Custom Post Types. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"612\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/single-banner-featured-image-options-1024x612.png\" alt=\"\" class=\"wp-image-164830\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/single-banner-featured-image-options-1024x612.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/single-banner-featured-image-options-300x179.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/single-banner-featured-image-options-768x459.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/single-banner-featured-image-options-1536x919.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/single-banner-featured-image-options-2048x1225.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/10\/single-banner-featured-image-options-18x12.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Puedes configurar los ratios de imagen como \"Original\", \"Predefinido\" y \"Personalizado\" para hacerlo a tu gusto.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Original: Mantener la relaci\u00f3n de aspecto natural de la imagen.<\/li>\n\n\n\n<li>Predefinido (con relaciones predefinidas): Puede seleccionar de una lista de proporciones predefinidas.<\/li>\n\n\n\n<li>Personalizada: Puedes personalizar la proporci\u00f3n seg\u00fan tus preferencias.<\/li>\n\n\n\n<li>Tama\u00f1o de la imagen: Puedes encargarte del tama\u00f1o, asegur\u00e1ndote de que encaja a la perfecci\u00f3n con tu dise\u00f1o.<\/li>\n<\/ul>\n\n\n\n<p>En futuras versiones, llevaremos estas opciones a otras secciones importantes como los t\u00edtulos de los blogs\/archivos y las entradas relacionadas.<\/p>\n\n\n\n<p>As\u00ed que, prueba estas opciones de imagen destacada mejoradas de Astra para dise\u00f1os de banner \u00fanico, y haznos saber si tienes alguna pregunta.<\/p>","protected":false},"excerpt":{"rendered":"<p>Astra se basa en la velocidad, la flexibilidad y la personalizaci\u00f3n de tu sitio web. Hoy estamos encantados de introducir algunos cambios interesantes, especialmente para las im\u00e1genes destacadas en las entradas de blog individuales. Las im\u00e1genes destacadas juegan un papel importante, ya que ayudan a comunicar, atraer y definir tu marca en las entradas del blog. Elegir estas im\u00e1genes con cuidado puede aumentar realmente el impacto [...]<\/p>","protected":false},"author":89,"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":[137],"docs_tag":[],"class_list":{"0":"post-164345","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-blog-pro"},"spectra_custom_meta":{"wp_last_modified_info":["October 23, 2023 @ 10:51 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1708509976:89"],"_wplmi_last_modified":["2023-10-23 10:51:57"],"rank_math_primary_docs_category":["137"],"rank_math_seo_score":["18"],"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"],"_edit_last":["89"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"views":["2124"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"258606125e945292c0c56c6633e0ab98\";s:6:\"images\";a:1:{i:0;i:164830;}}"],"rank_math_analytic_object_id":["4330"],"helpful":["1"],"unhelpful":["0"],"redirects":["0"],"_trp_automatically_translated_slug_es_ES":["opciones-de-imagen-destacada-para-disenos-de-banner-unico"],"pfd_related_docs":[""],"_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:7:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:10:\"core\/image\";i:3;s:9:\"core\/list\";i:4;s:14:\"core\/list-item\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776527130\";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":"mounikak","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/mounikak\/"},"uagb_comment_info":0,"uagb_excerpt":"Astra is all about speed, flexibility, and making your website uniquely yours. Today, we&#8217;re excited to introduce some cool changes, especially for featured images in individual blog posts. Featured images play an important role as they help communicate, engage, and define your brand in blog posts. Choosing these images carefully can really boost the impact&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/164345"}],"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\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=164345"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/164345\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=164345"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=164345"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=164345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}