Gutenberg es un nuevo editor de temas de WordPress que se utiliza para crear y modificar entradas y páginas. El proyecto Gutenberg pretende reemplazar por completo el editor predeterminado de WordPress en el futuro cercano, y actualmente se está probando como un complemento que se convertirá en una parte del núcleo de WordPress.
Gutenberg ofrece una gran cantidad de secciones y bloques de contenido y se caracteriza por una funcionalidad extendida, mayor simplicidad y una excelente experiencia de usuario.
Pues, echemos un vistazo a las ventajas y desventajas de Gutenberg para evaluar el producto y entender si vale la pena probar.
El proyecto lleva el nombre de Johannes Gutenberg que presentó una imprenta en Europa hace mucho tiempo. Su trabajo hizo que el conocimiento y la información se volveran accesibles para la gente y comenzó una revolución social. Los desarrolladores de Gutenberg siguen el mismo principio y tratan de hacer que el editor sea asequible para cualquier usuario.
Simplicidad
A lo largo de los años uno debería saber por lo menos los básicos de HTML y CSS para trabajar con WordPress. Esto no causaba problemas para los programadores, pero los usuarios regulares se enfrentaban con muchos inconvenientes.
Más tarde WordPress presentó varios editores visuales, y ahora estamos hablando del proyecto Gutenberg con el concepto de bloques en su base.
Concepto de bloques
Gutenberg es popular por sus bloques. Ya no es necesario saber programar para editar tu contenido gracias a los elementos de bloque. Todo lo que necesitas hacer es ajustar y colocar tus bloques de contenido para obtener el diseño deseado. El objetivo del editor es hacer que la experiencia de edición de página web sea fácil y suave. Y ahora no se requieren más los conocimientos de CSS y HTML.
Características clave
- Todos los elementos se presentan en forma de bloques.
- Todos los bloques son igualmente fáciles de usar y personalizar.
- Placeholders. Ahora sabes dónde llenar los espacios en blanco.
- El editor ofrece un entorno WYSIWYG para trabajar en la web.
- Es fácil editar un diseño sin preocuparte que alguna parte del sistema se pueda romper.
Gutenberg proporciona una documentación precisa. Visita su sitio web para obtener acceso a las guías e instrucciones sobre cómo trabajar con los bloques. Toneladas de bloques y 34 incrustaciones están actualmente disponibles.
Simplemente ingresa la URL para incrustar, y el editor hará el resto. Todo es fácil, claro y sin problemas.
Instalación
Por el momento el editor de Gutenberg es un plugin de WordPress.
Su versión 3.5.0. es totalmente compatible con la versión 4.9.8 de WordPress. Puedes descargarlo del Repositorio de Complementos de WordPress o instalarlo como un complemento a través del panel de control de tu CMS.
El editor Gutenberg sigue siendo una versión beta, y es mejor usarlo en un sitio web de prueba.
| Ventajas | Desventajas |
| Fácil de usar. | Todavía es una versión beta. |
| Simplicidad del proceso de escritura y diseño. | Todavía se recomienda que lo uses en un sitio web de prueba. |
| Parte visual. | Críticas negativas. |
| El contenido se muestra como bloques. | Calificación general mala. |
| No se requieren habilidades técnicas. | Errores. |
| Creación de diseños complicados sin experiencia técnica. | No se admiten columnas adaptables. Algunas funciones aún no están disponibles. |
| Incrustación rápida. | No es para principiantes. |
| Se admite la incrustación desde 34 sitios web. | Surgieron quejas sobre nuevos problemas. |
| Diseño limpio. | Accesibilidad. |
| Sin engaños: solo se muestran herramientas relevantes. | API de Gutenberg todavía está en desarrollo. |
| Optimizado para móviles. | Todavía es una pregunta. |
Complementos y extensiones
El editor Gutenberg te permite crear contenidos con la ayuda de los bloques prediseñados. El número de bloques se puede aumentar con complementos y extensiones adicionales que se incrustan en el editor.
Vamos a verlos.
JetGuten
El plugin JetGuten se creó por Zemez para expandir la funcionalidad del editor. Su conjunto de bloques incluye los siguientes elementos:
- Banner
- Tabla de precios
- Círculo de progreso
- Contador regresivo
- Mapa avanzado
- Cuadro animado
- Barra de progreso
- SVG en línea
- Comparación de imágenes
Prueba este complemento premium y obtén el servicio de soporte profesional por correo electrónico / chat / sistema de tickets. Puedes experimentar con los estilos, efectos de animación y layouts en una interfaz fácil de usar. Un agente de soporte de Zemez estará encantado de ayudarte en cualquier momento en caso de que surja algún problema.
Advanced Gutenberg
Obtén aún más funciones y opciones de personalización con el complemento avanzado para Gutenberg:
- obtén cualquier nivel de acceso a los bloques del complemento mientras trabajas en los perfiles de los usuarios;
- elige cualquier herramienta para personalizar un perfil;
- añade y disfruta de la función de lightbox a la hora de trabajar con las galerías;
- muestra ALTs y subtítulos en los ligtboxes de la galería;
- crea y aplica estilos CSS personalizados a diferentes bloques;
- inserta los resúmenes de entradas de Gutenberg;
- crea bloques de botones complejos con estilos adicionales;
- crea bloques de listas complejos con más estilos y opciones de formato;
- crea un bloque de tabla complejo con estilos adicionales y opciones de formato;
- crea un bloque de acordeón;
- crea un bloque de pestañas;
- crea un bloque de testimonios y aplica personalizaciones;
- crea un bloque de cuenta atrás;
- crea bloques avanzados de video e imágenes;
- crea separadores y modifica sus estilos;
- crea bloques personalizados de enlaces de redes sociales.
Ultimate Addons
Si decides añadir más bloques personalizados al editor, puedes hacerlo con la ayuda de este complemento. Solo necesitas activar el editor Gutenberg en tu página web.
Asegúrate de usar el complemento en un sitio web de prueba ya que este complemento también está en la etapa de beta.
WooCommerce Gutenberg Products Block
El bloque de WooCommerce sería útil si deseas agregar productos de WooCommerce como un solo bloque a través del editor Gutenberg.
Podrás filtrar productos por categorías, estados de venta, etc. El bloque de productos de WooCommerce se considera la opción más fácil para añadir elementos a entradas o páginas.
Block Background
¿Estás buscando herramientas de personalización de fondo? Esta es una solución perfecta. Personaliza el fondo de tu bloque con diferentes imágenes, colores y degradados. Ten en cuenta que Block Background aún está en la etapa de desarrollo, por lo tanto, espera un poco hasta que puedas usarlo en tu sitio web.
Color Palette
Este es un complemento para crear y compartir paletas de colores en tu página web. Una vez que instales este complemento, verás un nuevo bloque 'Paleta de colores'. Cuando se añade a tu página, podrás experimentar con colores y disfrutar de una vista previa dentro del editor.
Stackable – Ultimate Gutenberg Blocks
Con este complemento obtendrás un montón de bloques de diseño y funciones para el editor Gutenberg. 17 bloques están disponibles por el momento.
Conoce numerosas opciones de personalización para trabajar en tu contenido:
- Tarjeta
- Cudro de precios
- Cabecera
- Cuenta atrás
- Video emergente
- Testimonios
- Miembros del equipo
- Llamada a la acción
- Notificación
- Cita (¡Mejorada!)
- Pullquote
- Cudro de números
- Botón (¡Mejorado!)
- Botón transparente
- Expandir / Mostrar más
- Separador (¡Mejorado!)
Advanced Gutenberg Blocks
Si buscas una experiencia WYSIWYG, este plugin es exactamente lo que necesitas. Cuando el editor de Gutenberg se inserta en el núcleo, el conjunto de bloques se crecerá sustancialmente.
Organic Profile Block
Es un complemento útil para mostrar perfiles personales en tu página web. Organic Profile Block te permite añadir una imagen de perfil, un título, un nombre, una biografía, enlaces de redes sociales, enlaces a las cuentas de redes sociales de un usuario y una dirección de correo electrónico. Prueba esta excelente solución para crear perfiles de autor en entradas, perfiles de tu personal o secciones de empleados y testimonios de clientes.
Contact Form 7 Block
Inserta cualquier formulario de contacto en cualquier parte de tu página web con este plugin Contact Form 7.
De verdad, es demasiado pronto para predecir un gran futuro para el editor Gutenberg, pero al mismo tiempo, ofrece numerosas funciones útiles y muestra un buen potencial. Para estar completamente listo para integrarse en el ecosistema de WordPress, el editor aún necesita desarrollarse más.
Te recomendamos que esperes hasta el lanzamiento del editor. En caso de que no quieres esperar, pruébalo en tu sitio web de prueba.
¡Que tengas una gran experiencia con Gutenberg!
Fuente: "WordPress Gutenberg is Close to Becoming a Default Editor" por Natalia