Como parte de WordPress 5.0, WordPress va a contar con un nuevo editor de contenidos, bautizado como el Editor Gutenberg.
Gutenberg traerá algunos cambios importantes en la forma de crear contenido con WordPress, y hacer la transición a Gutenberg también traerá probablemente algunos dolores de crecimiento menores mientras te adaptas a la nueva interfaz. Por eso, nos complace anunciar que al menos podemos quitarte un peso de encima.
Ya hemos incorporado la compatibilidad con Gutenberg en Astra, lo que significa que todos los sitios que hayas creado con Astra estarán listos en cuanto se publique WordPress 5.0.
En este post, compartiremos una rápida introducción a Gutenberg en caso de que aún no estés familiarizado con el nuevo editor. A continuación, profundizaremos en las formas en que hemos incorporado la compatibilidad con Gutenberg en Astra.
Introducción rápida a Gutenberg para no iniciados
Si aún no estás familiarizado, Gutenberg aporta un nuevo enfoque a la creación de contenidos en forma de edición por bloques.
Mientras que el editor de contenidos original de WordPress es básicamente un largo campo de edición, Gutenberg separa cada pequeña "pieza" de tu contenido en un bloque independiente. Por ejemplo:
- Un párrafo es un bloque
- Una imagen es un bloque
- Un vídeo es un bloque, etc.
También obtendrás algunos bloques de diseño, como la posibilidad de dividir tu contenido en columnas separadas. Y los desarrolladores de terceros podrán añadir sus propios bloques, lo que eliminará la necesidad de usar shortcodes en tu contenido.
El resultado es que Gutenberg lo hará:
- Le ofrece más flexibilidad para crear contenidos y diseños más complejos.
- Ofrecer una experiencia de edición más visual.
- Facilita la inclusión de contenidos de tus plugins favoritos.
Aquí hay un vídeo de Envato que lo explica muy bien:
Gutenberg se lanzará como parte de WordPress 5.0, que podría llegar tan pronto como El 19 de noviembre, aunque también hay una fecha de lanzamiento alternativa, el 22 de enero, por si necesita más pruebas.
Si quieres probar el nuevo editor, puedes juegue con una demostración en vivo aquí.
¿Qué hace que un tema sea compatible con Gutenberg?
Gutenberg es probablemente la mayor actualización de WordPress desde que se introdujo en 2002. Es una reimaginación completa de cómo debe escribirse el contenido.
A continuación, vamos a ilustrar cómo hemos implementado las características de compatibilidad con Gutenberg en Astra y algunas de las maneras interesantes en que trabajan increíblemente juntos.
Vea sus estilos de front-end en el editor de Gutenberg
Una de las formas en que Gutenberg puede ofrecer una experiencia de edición más visual es llevando los estilos del front-end del tema al editor del back-end.
Por ejemplo, en lugar de ver la misma tipografía genérica en cada instalación de WordPress, puedes ver la tipografía real de tu tema incluso cuando estás creando contenido en el backend.
Para ofrecer esa experiencia visual, Astra se asegura de que tus contenidos tengan un aspecto idéntico en el front-end y en el back-end. Puede gestionar:
La anchura del redactor
El ancho de tu contenido en el editor será el mismo que esperas en el frontend.
Tipografía (tipos de letra, tamaño, etc.)
Todos los ajustes de tipografía del tema se aplican también al contenido en el editor Gutenberg.
Colores y fondo
Los colores y el fondo establecidos en el tema se obtendrán y se verán también en el editor.
Básicamente, la tipografía y los colores que establezcas en el Personalizador de WordPress también se aplicarán al Editor de Gutenberg.
Disfrute de los bloques Gutenberg con estilo
Para ayudarte a crear contenido más exclusivo, Gutenberg incluye una serie de bloques integrados para cosas como:
- Citas
- Galerías
- Archivos, etc.
Nos hemos asegurado de que todos estos bloques hereden los estilos de tu Astra Customizer para que combinen con el resto de tu sitio.
Así que no importa lo que construyas con Gutenberg, ¡debería encajar perfectamente!
Aproveche la nueva opción de alineación de ancho completo
Para algunos bloques, Gutenberg ofrece una nueva opción de alineación de ancho completo que extiende el contenido del bloque por toda la ventana visible.
Actualmente, los siguientes bloques ofrecen la alineación de ancho completo:
- Imagen
- Imagen de portada
- Galería
- Puestos
Sin embargo, para poder utilizar esta opción de alineación, su tema debe habilitarla específicamente.
Pues bien, ¡buenas noticias! Nos hemos adelantado y lo hemos hecho en Astra, lo que significa que podrás utilizar la nueva alineación de ancho completo de inmediato.
Nota: la alineación de ancho completo sólo funciona en entradas sin barra lateral.
La configuración de tu tema Astra sigue a salvo en la barra lateral
Por último, por si te estabas preguntando qué va a pasar con el Astra Ajustes para tus entradas y páginas individuales, todos tus ajustes seguirán estando disponibles en la barra lateral una vez que hagas el cambio a Gutenberg.
Puede consultar nuestro artículo de la base de conocimientos para comprender la funcionamiento de Astra con el editor Gutenberg.
Con Astra, cuando aparezca WordPress 5.0 estarás preparado para todo
Como Astra usuario, queremos que puedas ponerte manos a la obra en cuanto se publique WordPress 5.0, ya sea en noviembre o en enero.
No sólo hemos implantado ya todas las prácticas recomendadas actuales para la compatibilidad con el nuevo editor, sino que también estaremos muy atentos en el futuro para poder seguir ofreciéndote la mejor experiencia posible.
Y una cosa más...
Después de haber construido el mejor conjunto de addons page builder para Beaver Builder, Elementor, y WPBakery Page Builder, ahora es el momento de construir una extensión para el Page Builder oficial de WordPress -. ¡Gutenberg!
¡Has leído bien! Durante los últimos meses, hemos estado trabajando en Spectra que mejorará lo que es posible con Gutenberg.
Spectra introducirá bloques personalizados como Sección, Encabezado, Cuadro de información, Rejilla de publicación, Mapa de Google, Tabla, Compartir en redes sociales, Menú, Botones junto con un montón de plantillas de inicio listas para importar.
ACTUALIZACIÓN: Spectra está disponible en WordPress.org de forma gratuita. Más información sobre el plugin en sitio web.
¡Salud!
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
¡Genial! ¡El Astra de toda la vida fue una de mis mejores elecciones!
¡Genial!
¿Tendrá el bloque Tabla las mismas funciones de importación? La razón por la que pregunto es que Gutenberg actualmente no puede manejar bien las tablas grandes.
Gran trabajo, chicos. Es bueno ver vuestra inversión en el futuro de WordPress. Me alegro mucho de haber adquirido vuestro paquete Agencia.
Son buenas noticias. Me alegro de que estéis en ello.
¡Noticias emocionantes! Estoy deseando ver Spectra. He probado Gutenberg por su cuenta y hasta ahora no estoy impresionado. El concepto es agradable y está bien para la publicación en casa, pero como un constructor de página que está años detrás de los estándares modernos constructor de página. Lo único bueno es que genera html limpio a diferencia de la mayoría de los constructores de páginas. Las personas que se toman en serio el SEO entienden las trampas del exceso de elementos html en la página. Esta es una de las razones por las que me gusta Astra, ustedes hicieron un tema muy rápido con grandes opciones y genera html limpio, ¡un gran trabajo!
¡MI MAYOR DESEO! Por favor, considere en su Ultimate Addons PARA Gutenberg incluir un módulo que permitirá cargar datos de mensajes personalizados y campos personalizados. Esto hará que su plugin una necesidad para cualquier desarrollador.
Desafortunadamente su tema todavía no coincide con el frontend a la vista guttenberg, en lo que respecta a la anchura del contenido. Se puede ver aquí en esta instalación fresca de wp 4.9 y su último tema astra:
https://www.screencast.com/t/XAbThaou0rmu (gutenberg)
https://www.screencast.com/t/fWi3OM96 (frontend)
¿Notas que el texto hasta la derecha no es el mismo? (esto es importante para conseguir exactamente correcto y no sólo cerca, ya que afecta a la disposición)
¿Notas que el encabezado 'este es el encabezado correcto' no tiene espacio en el frontend pero sí en el editor?
Observe que el espaciado a la derecha de la imagen es diferente.
¿Se pueden arreglar?
Hola,
Como novato en Astra/Elementor, ¿afectará la implementación de Gutenberg a los sitios que ya he creado con Astra/Elementor? ¿O funcionarán igual que ahora?
Además, ¿puedo ignorar en gran medida el editor Gutenberg como hago actualmente con el editor WP existente y seguir haciendo sitios con Astra/Elementor?
Agradezco tener que utilizar el editor de WP para realizar ciertas funciones como configurar páginas, añadir nuevas entradas y configurar la barra lateral y las opciones generales del personalizador.
Gracias de antemano.
Anthony
Bonito astar tampalet
Dada la importancia de pagespeed (especialmente móvil) - Estoy muy interesado en cómo Astra Pro / Gutenberg combo se compara con el uso de BB / Elementor pero, por supuesto, he estado inseguro en cuanto a la caída en la capacidad y opciones. El hecho de que usted está trabajando en una opción de UA para Gutenberg me hace más interesado en probar esto más pronto que tarde. Gracias
Hola,
Es bueno ver Spectra. Y es emocionante ver el funcionamiento de Gutenberg. Exactamente, el tema de Gutenberg es grande y su explicación para que es bueno, he entendido acerca de la edición de estilos de front-end. Por último, pero no menos importante opción de alineación para la construcción de la página es bueno saber. Su pensamiento futuro para WordPress 5.0 es extenso trabajo en este mundo tecnológico.
¿Funciona con tu Astra PRO?
¿Específicamente los diseños personalizados? Probando y sigue siendo el viejo editor. Por lo tanto no puede realmente utilizar lo que Gutenberg tiene que ofrecer en esa zona.
Sí, funciona con Astra Pro.
Custom Layout es compatible con Gutenberg, lo que significa que no se enfrentará a ningún problema o error durante el uso de diseños personalizados con la nueva versión de WordPress Gutenberg.
La razón por la que no hemos introducido el editor Gutenberg es porque en la segunda fase del desarrollo de WordPress Gutenberg, WordPress va a introducir su propio Diseño Personalizado para los sitios web.
Sólo para asegurarnos de que sus diseños personalizados no entren en conflicto con nuestro diseño personalizado, por eso no lo hemos implementado todavía. Además, podríamos utilizar sus funcionalidades básicas en nuestro diseño personalizado para optimizarlo.
Por lo tanto, no hemos introducido el editor Gutenberg en Custom Layout.
Hola,
Tengo Astra y Ultimate Addons instalados y me pregunto por qué no puedo conseguir que mi vista del editor funcione como en el GIF que proporcionas en la sección "Aprovecha la nueva opción de alineación de ancho completo" en esta página. Siempre tengo relleno a derecha e izquierda en la vista del editor, incluso cuando la configuración es de ancho completo para la página y la imagen. Al previsualizar la página todo está bien, pero quiero verla como la muestra usted. ¿Cómo puedo resolver esto?
Por cierto, los Ultimate Addons son un buen trabajo, ¡gracias por ello!
Patrick
Hola Patrick,
Si aún no lo ha hecho, por favor, abra un ticket en nuestro centro de asistenciapara que un miembro de nuestro equipo pueda ayudarle a incluirlo en su sitio web.
Hola a todos,
Estoy usando el tema Astra con Gutenberg. Ahora me gustaría integrar funcionalidades de tienda con Woocommerce. Desafortunadamente, las páginas y los artículos ya no se pueden editar después de activar el plugin Woocommerce. El acceso a las páginas y artículos ya no es posible. ¿Alguien puede ayudar aquí?
Salud,
Ben
¡Qué extraño!
Por favor, abra un ticket en nuestro centro de asistencia¿para que podamos echar un vistazo más de cerca y ayudar?