No se han encontrado resultados. ¿Intentar de nuevo con otras palabras?

La búsqueda debe tener al menos 3 caracteres.

¿Cómo funciona Astra con el editor Gutenberg?

Sidebar Image

Did not find a solution? We are here to help you succeed.

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

Gutenberg Boxed Layout

Editor Gutenberg con Full Width / Contained - Container Layout

Gutenberg Contained 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

gutenberg image boxed

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

gutenberg image contained

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.

¿Le ha resultado útil este artículo?
Sidebar Image

¿No ha encontrado una solución? Estamos aquí para ayudarle a conseguirlo.

Documentos relacionados

Astra es gratis. Ahora y siempre.

Creemos que crear sitios web atractivos no debería ser caro. Por eso Astra es gratis para todos. Empieza gratis y amplía con paquetes asequibles.

La descarga está a un solo clic

Download Checklist

REWIND

RESUMEN DEL AÑO

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form
Scroll al inicio
Ahora elija la opción que prefiera
page builder addon
Elija su complemento de creación de páginas preferido

La descarga está a un solo clic

Introduce tu dirección de correo electrónico y sé el primero en enterarte de las actualizaciones y novedades.

Descargar gratis Astra Theme - Modal Popup Form