{"id":59606,"date":"2020-05-20T17:36:46","date_gmt":"2020-05-20T12:06:46","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=59606"},"modified":"2024-02-12T14:59:01","modified_gmt":"2024-02-12T09:29:01","slug":"custom-layouts-rendering-issue","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/custom-layouts-rendering-issue\/","title":{"rendered":"\u00bfEl dise\u00f1o personalizado no se muestra correctamente con Beaver Builder?"},"content":{"rendered":"<p>Si tienes problemas con la representaci\u00f3n incorrecta del dise\u00f1o personalizado en Beaver Builder al utilizar el tema Astra? <\/p>\n\n\n\n<p>Si a\u00f1ade el siguiente filtro al archivo functions.php de su tema hijo, es posible que se resuelva el problema.<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>add_filter( 'astra_addon_bb_render_content_by_id', '__return_true' );\r<\/code><\/pre>\n\n\n\n<p>A continuaci\u00f3n te explicamos qu\u00e9 hace este filtro y c\u00f3mo puede ayudarte:<\/p>\n\n\n\n<p>A veces, Beaver Builder puede no renderizar los dise\u00f1os personalizados correctamente debido a conflictos o a un manejo espec\u00edfico por parte de los temas. Este filtro intenta evitar cualquier problema potencial indicando a Beaver Builder que muestre el contenido por su ID, lo que podr\u00eda resolver los problemas de dise\u00f1o.<\/p>\n\n\n\n<p>Este filtro, <code>astra_addon_bb_render_content_by_id<\/code>es espec\u00edfico del tema Astra y de la integraci\u00f3n con Beaver Builder. Es probable que ajuste c\u00f3mo se muestra el contenido en Beaver Builder.<\/p>\n\n\n\n<p>Acci\u00f3n del filtro: <code>__return_true()<\/code> es una funci\u00f3n de WordPress que simplemente devuelve <code>verdadero<\/code>. Al a\u00f1adir este filtro, b\u00e1sicamente le est\u00e1s diciendo a Beaver Builder que muestre el contenido por su ID.<\/p>\n\n\n\n<p>Aseg\u00farate de que entiendes las implicaciones de a\u00f1adir c\u00f3digo al archivo functions.php de tu tema, especialmente si no utilizas un tema hijo. Haz siempre una copia de seguridad de tu sitio antes de realizar estos cambios y pru\u00e9balo a fondo para asegurarte de que resuelve el problema sin causar resultados no deseados.<\/p>\n\n\n\n<p>Consulte este documento en <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/#3.-in-child-theme\"><strong>\u00bfC\u00f3mo a\u00f1adir c\u00f3digo PHP personalizado?<\/strong><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Si tiene problemas con la representaci\u00f3n incorrecta del dise\u00f1o personalizado en Beaver Builder al utilizar el tema Astra? A\u00f1adir el siguiente filtro al archivo functions.php de tu tema hijo podr\u00eda resolver el problema. Aqu\u00ed tienes un desglose de lo que hace este filtro y c\u00f3mo puede ayudarte: A veces, Beaver Builder puede no mostrar correctamente los dise\u00f1os personalizados [...]<\/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":"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":"default","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":[2109],"docs_tag":[],"class_list":{"0":"post-59606","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-astra-theme-pro-filters"},"spectra_custom_meta":{"_edit_lock":["1707731892:89"],"_edit_last":["89"],"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":["60"],"_wp_old_date":["2020-05-19"],"_ht_kb_post_views_count":["7"],"_ht_kb_usefulness":["0"],"_ht_article_order_103":["59606"],"wp_last_modified_info":["February 8, 2022 @ 10:56 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["4043"],"helpful":["0"],"unhelpful":["10"],"redirects":["6"],"_lmt_disableupdate":["no"],"_wplmi_last_modified":["2021-09-08 21:18:15"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["627"],"rank_math_primary_docs_category":["2109"],"rank_math_seo_score":["14"],"rank_math_internal_links_processed":["1"],"_trp_automatically_translated_slug_es_ES":["problema-de-renderizacion-de-disenos-personalizados"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"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:4:{i:0;s:14:\"core\/paragraph\";i:1;s:9:\"core\/code\";i:2;s:14:\"uagb\/container\";i:3;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776686250\";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":"If you&#8217;re experiencing issues with custom layout rendering incorrectly in Beaver Builder when using the Astra theme? Adding the below provided filter to your child theme&#8217;s functions.php file might indeed resolve the problem. Here&#8217;s a breakdown of what this filter does and how it might help: Sometimes, Beaver Builder might not render custom layouts correctly&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/59606"}],"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=59606"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/59606\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=59606"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=59606"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=59606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}