¿Cómo funciona Astra con el editor Gutenberg?

Astra te da una gran experiencia de construir una página con el editor Gutenberg. A continuación se presentan los puntos que explican cómo Astra se adapta mejor con el editor Gutenberg.

Diseño de contenedores compatibles 

El diseño de contenedor establecido para Astra desde el personalizador se aplicará también al editor Gutenberg. Así el usuario tendrá la experiencia de cómo se verá la página final en el frontend. Más información sobre el diseño de contenedor aquí.

Editor Gutenberg con Boxed / Content Boxed - Container Layout

Editor Gutenberg con Full Width / Contained - Container Layout

Nota: No se recomienda utilizar Full Width / Stretched layout con el editor Gutenberg. Está especialmente diseñado para los constructores de página que necesitan un control total sobre el ancho del contenedor. Por lo tanto, si habilita el diseño de ancho completo / estirado, el contenido no se estirará al máximo con el editor de Gutenberg, pero se estirará en el frontend.

Opciones de alineación a lo ancho y a lo ancho

El editor Gutenberg proporciona opciones de anchura amplia y anchura completa para bloques como Imagen, Galería de imágenes, Imagen de portada, Entradas, etc. Astra soporta estas opciones de anchura en función de los diseños de contenedores seleccionados.

La opción de ancho amplio mostrará la imagen completa, pero tendrá algo de espacio a su alrededor. Mientras que la opción de ancho completo estirará la imagen de extremo a extremo. En el diseño de contenedor en caja y en caja de contenido, la imagen de ancho completo se estirará según el ancho de la caja. Esto significa que no se mostrará fuera de la caja.

Imagen en recuadro / Contenido en recuadro - Diseño de contenedor

Imagen con ancho completo / contenida - Diseño de contenedor

Nota: Si la barra lateral está activada para la página, la imagen no se estirará al máximo. Si lo hace, se superpondrá al contenido de la barra lateral.

Backend igual que frontend 

El editor Gutenberg tiene como objetivo proporcionar una experiencia de edición visual. Así que con Astra, nos aseguramos de que el editor tenga un aspecto similar al frontend. Los ajustes del personalizador para colores de fondo, colores de texto, tipografía, etc. se pueden ver mientras se edita la página. Así puedes hacerte una idea de cómo se verá la página en el frontend.

Bloques de estilo

Astra está probado con todos los bloques de Gutenberg. Los ajustes del personalizador se aplicarán a todos los bloques de Gutenberg.

Soporte para Astra shortcodes

Los shortcodes Astra que vienen con el plugin Astra Pro Addon funcionarán mejor con el editor Gutenberg.