Desde la versión 3.2.0, el tema Astra es compatible con el plugin Web Stories de Google. Por lo tanto, puedes añadir Web Stories a todo tu sitio web utilizando la configuración dedicada del Personalizador.
Este documento describe quién puede utilizar Web Stories en diferentes ubicaciones de su sitio web.
¿Cómo funcionan las Web Stories con Astra?
Web Stories plugin puede mostrar el contenido de su sitio web como historias web. Aquí, usted puede incrustar fácilmente historias a su página o mensajes utilizando el bloque de Gutenberg.
Además, puedes añadirlo a todo tu sitio web utilizando el Personalizador. Solo tienes que ir a Personalizar > Historias web y marcar la casilla "Mostrar historias". También puedes encontrar más detalles sobre la integración y Web Stories en este artículo.
De este modo, cuando configure Historias de la Web para que se muestren, se situarán por defecto encima de la cabecera.
Para cambiar la posición en la que se muestran las Web Stories, tendrás que utilizar un código personalizado.
Cambio de posición de Web Stories
Para cambiar la ubicación predeterminada de Web Stories, debe añadir el siguiente código personalizado (filtro) al archivo functions.php de su tema hijo:
// Filtro para cambiar la posición de las historias web
add_filter( 'astra_web_stories_position', 'astra_web_stories_position_callback' );
function astra_web_stories_position_callback(){
return 'astra_content_before';
}
Si no tiene instalado el tema infantil, compruebe lo siguiente este artículo sobre cómo hacerlo. Si no está seguro de cómo añadir este código, consulte lo siguiente artículo.
Las Historias Web se mostrarán ahora bajo su cabecera y antes de su contenido utilizando este código de ejemplo.
Además, puede establecer otras posiciones para sus Historias web utilizando los ganchos de Astra. Para cambiar la posición, modifica el código anterior cambiando la parte en negrita del código (hook). Puedes añadir cualquier gancho Astra de cabecera, pie de página o contenido aquí en su lugar.
A modo de ejemplo, si desea mostrar Web Stories antes del pie de página y debajo de su contenido, debe utilizar la etiqueta {astra_footer_before}. En este caso, el código sería el siguiente:
add_filter( 'astra_web_stories_position', 'astra_web_stories_position_callback' );
function astra_web_stories_position_callback(){
return 'astra_footer_before';
}
Encontrará todos los ganchos Astra en este documento.
