{"id":114893,"date":"2021-12-16T18:46:23","date_gmt":"2021-12-16T13:16:23","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&p=114893"},"modified":"2021-12-22T13:48:54","modified_gmt":"2021-12-22T08:18:54","slug":"change-web-stories-position","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/change-web-stories-position\/","title":{"rendered":"C\u00f3mo cambiar la posici\u00f3n de Web Stories"},"content":{"rendered":"

Desde la versi\u00f3n 3.2.0, el tema Astra es compatible con el plugin Web Stories de Google. Por lo tanto, puedes a\u00f1adir Web Stories a todo tu sitio web utilizando la configuraci\u00f3n dedicada del Personalizador.<\/p>\n\n\n\n

Este documento describe qui\u00e9n puede utilizar Web Stories en diferentes ubicaciones de su sitio web.<\/p>\n\n\n\n

\u00bfC\u00f3mo funcionan las Web Stories con Astra?<\/h2>\n\n\n\n

Web Stories plugin puede mostrar el contenido de su sitio web como historias web. Aqu\u00ed, usted puede incrustar f\u00e1cilmente historias a su p\u00e1gina o mensajes utilizando el bloque de Gutenberg. <\/p>\n\n\n\n

Adem\u00e1s, puedes a\u00f1adirlo a todo tu sitio web utilizando el Personalizador. Solo tienes que ir a Personalizar > Historias web y marcar la casilla \"Mostrar historias\". Tambi\u00e9n puedes encontrar m\u00e1s detalles sobre la integraci\u00f3n y Web Stories en este art\u00edculo<\/a>.<\/p>\n\n\n\n

De este modo, cuando configure Historias de la Web para que se muestren, se situar\u00e1n por defecto encima de la cabecera.<\/p>\n\n\n\n

Para cambiar la posici\u00f3n en la que se muestran las Web Stories, tendr\u00e1s que utilizar un c\u00f3digo personalizado.<\/p>\n\n\n\n

Cambio de posici\u00f3n de Web Stories<\/h2>\n\n\n\n

Para cambiar la ubicaci\u00f3n predeterminada de Web Stories, debe a\u00f1adir el siguiente c\u00f3digo personalizado (filtro) al archivo functions.php de su tema hijo:<\/p>\n\n\n\n

\/\/ Filtro para cambiar la posici\u00f3n de las historias web\n\nadd_filter( 'astra_web_stories_position', 'astra_web_stories_position_callback' );\nfunction astra_web_stories_position_callback(){\n    return 'astra_content_before<\/strong>';\n}\n<\/pre>\n\n\n\n
Si no tiene instalado el tema infantil, compruebe lo siguiente este art\u00edculo<\/a> sobre c\u00f3mo hacerlo. Si no est\u00e1 seguro de c\u00f3mo a\u00f1adir este c\u00f3digo, consulte lo siguiente art\u00edculo<\/a>.<\/p>\n\n\n\n
Las Historias Web se mostrar\u00e1n ahora bajo su cabecera y antes de su contenido utilizando este c\u00f3digo de ejemplo. <\/p>\n\n\n\n
Adem\u00e1s, puede establecer otras posiciones para sus Historias web utilizando los ganchos de Astra. Para cambiar la posici\u00f3n, modifica el c\u00f3digo anterior cambiando la parte en negrita del c\u00f3digo (hook). Puedes a\u00f1adir cualquier gancho Astra de cabecera, pie de p\u00e1gina o contenido aqu\u00ed en su lugar.<\/p>\n\n\n\n
A modo de ejemplo, si desea mostrar Web Stories antes del pie de p\u00e1gina y debajo de su contenido, debe utilizar la etiqueta {astra_footer_before<\/em>}. En este caso, el c\u00f3digo ser\u00eda el siguiente:<\/p>\n\n\n\n
add_filter( 'astra_web_stories_position', 'astra_web_stories_position_callback' );\nfunction astra_web_stories_position_callback(){\n    return 'astra_footer_before<\/strong>';\n}\n<\/pre>\n\n\n\n
Encontrar\u00e1 todos los ganchos Astra en este documento<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"
Desde la versi\u00f3n 3.2.0, el tema Astra es compatible con el plugin Web Stories de Google. Por lo tanto, puedes a\u00f1adir Web Stories a todo tu sitio web utilizando los ajustes dedicados del Personalizador. Este documento describe c\u00f3mo puedes utilizar Web Stories en diferentes lugares de tu sitio web. \u00bfC\u00f3mo funcionan las Web Stories con Astra? El plugin Web Stories puede mostrar tus [...]<\/p>","protected":false},"author":70,"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":[1595],"docs_tag":[],"class_list":{"0":"post-114893","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-global"},"spectra_custom_meta":{"wp_last_modified_info":["December 22, 2021 @ 1:48 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_edit_lock":["1640161135:70"],"_edit_last":["70"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_yoast_wpseo_focuskw":["Change Web Stories Position"],"_yoast_wpseo_linkdex":["64"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"views":["10082"],"helpful":["2"],"unhelpful":["4"],"redirects":["2"],"pfd_related_docs":[""],"_yoast_wpseo_primary_docs_category":["1595"],"rank_math_primary_docs_category":["1595"],"rank_math_focus_keyword":["Change Web Stories Position"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["18"],"rank_math_internal_links_processed":["1"],"_trp_automatically_translated_slug_es_ES":["cambiar-la-posicion-de-las-historias-web"],"_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:5:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:17:\"core\/preformatted\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776983577\";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":"Nikola Mihajlovic","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/nikolam\/"},"uagb_comment_info":0,"uagb_excerpt":"Since version 3.2.0, the Astra theme supports the Web Stories plugin by Google. Hence, you can add Web Stories to your whole website using dedicated Customizer settings. This document describes who you can use Web Stories in different locations on your website. How do Web Stories work With Astra? Web Stories plugin can showcase your…","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/114893"}],"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\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=114893"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/114893\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=114893"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=114893"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=114893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}