editor-gutenberg-wordpress

Presentamos Gutenberg, el nuevo editor de WordPress

En los últimos años, la comunidad de desarrollo detrás de WordPress ha estado trabajando en una revisión completa del editor de páginas y publicaciones, el primer cambio significativo en el editor desde el inicio de WordPress. El nuevo editor, titulado Gutenberg, se ha lanzado a la tienda oficial de complementos de WordPress, disponible para que el público lo pruebe.

Construido con tecnologías web modernas como React, Gutenberg es un intento de darle a este componente principal del CMS una nueva actualización. Aunque todavía se encuentra en las primeras etapas, Gutenberg cambia drásticamente muchas características del editor familiar, que tiene ventajas e inconvenientes.

Esta publicación de blog echará un vistazo al nuevo editor y lo que está reservado para el futuro de WordPress.

¿Quién era Johannes Gutenberg?

¿Quién era Johannes Gutenberg? Johannes Gutenberg fue un renombrado impresor, editor, orfebre e inventor alemán. Es famoso por introducir y construir las bases de la impresión en Europa a través de su imprenta mecánica y móvil.

Al igual que los esfuerzos innovadores de Gutenberg, el nuevo editor de WordPress sirve como un trampolín para un ecosistema de WordPress más amplio. El editor de WordPress de Gutenberg funciona a favor de los desarrolladores de complementos, agencias, desarrolladores, desarrolladores centrales, desarrolladores de temas, usuarios y servidores web.

Probar Gutenberg

Ahora que Gutenberg se ha lanzado públicamente, se puede instalar directamente desde el Sitio de WordPresso la sección Complementos de su panel.

Sin embargo, si desea probar Gutenberg antes de instalarlo en su sitio, WordPress lo ha hecho fácil, a través de este demo en vivo.

Presentamos Gutenberg, el nuevo editor de WordPress

La diferencia más notoria en Gutenberg es la revisión completa de la interfaz de usuario. Será recibido de inmediato con una representación visual, destinada a estar lo más cerca posible del producto final. Los usuarios familiarizados con las plataformas de blogs Medium o Ghost notarán algunas similitudes en la interfaz de usuario y el diseño general.

Gutenberg introduce el concepto de "bloques" de contenido, componentes modulares que se pueden agregar para construir una página. Los tipos de bloques incluyen Párrafo, Encabezado, Imagen, Video, Columnas, Botones y más. Esto no es diferente de complementos como WPBakery Page Builder, aunque esta funcionalidad se integrará directamente en WordPress.

Otra gran mejora es su soporte en dispositivos móviles. La edición de publicaciones y páginas en el editor clásico de WordPress solía ser laboriosa en dispositivos móviles. El proyecto Gutenberg claramente tomó esto en gran consideración.

El "Editor de código" (anteriormente "Editor de texto") también está disponible para aquellos que deseen escribir su HTML y CSS directamente, recibiendo un diseño actualizado y más mínimo.

Cómo utilizar Gutenberg.

El editor de Gutenberg es el reemplazo del editor clásico tradicional de WordPress para editar páginas y publicaciones. Como editor de WordPress completo y moderno, Gutenberg viene con bloques individuales. Significa que los usuarios ya no tienen que centrarse en un área de contenido específica.
El nuevo editor viene con una amplia gama de mejoras y funciones. Las nuevas mejoras y características se extienden a la interfaz de usuario, arrastrar y soltar, accesibilidad y otras áreas funcionales de WordPress. Por ejemplo, el nuevo menú todo en uno ahora viene con un panel de WordPress dedicado. También puede usar el menú del tablero para probar y visualizar una variedad de elementos del editor de WordPress.

Si desea un aspecto más minimalista, puede ir a la configuración de publicación en el editor de Gutenberg y deshacerse de la barra lateral derecha. Recuerde que los bloques del editor de WordPress de Gutenberg continúan evolucionando y expandiéndose. Su objetivo debe ser utilizar el nuevo editor para crear contenido más rico e impecable que complemente cada página y publicación dentro de WordPress.

Pero la nueva versión es más que un editor de páginas / publicaciones: te permite jugar con barras laterales, widgets, pie de página y encabezado. Con Gutenberg, puede dividir su contenido en varios bloques. Por ejemplo, puede utilizar el bloque de imagen, el bloque de citas, el bloque de botones, el bloque de párrafo y el bloque de título.

Cómo deshabilitar Gutenberg.

Cómo deshabilitar Gutenberg En WordPress 5.5, Gutenberg es un editor predeterminado. Pero una vez que tu actualizar al nuevo WordPress, puede optar por desactivar el editor de Gutenberg. La idea es conservar algunas de las funciones de un editor clásico de WordPress. Significa que puede seguir usando WordPress como lo ha hecho durante años.

De hecho, tiene hasta el 31 de diciembre de 2021 para familiarizarse con Gutenberg y luego hacer una transición completa al nuevo editor.

Sus tres opciones de desactivación son:
1. Instale el antiguo plugin de editor de WordPress
2. Instale y luego desactive el complemento WordPress Gutenberg.
3. Deshabilite el editor de WordPress de Gutenberg a través del código.

¿Qué son los bloques de Gutenberg?

El hecho es que el editor clásico de WordPress era estrictamente un editor de texto con una combinación de botones de formato que se asemeja a Microsoft Word. El editor de Gutenberg, sin embargo, utiliza un enfoque basado en bloques. Permite a los usuarios más libertad para implementar una multitud de cambios en publicaciones y páginas.

Ahora no necesita un complemento de tabla diferente para incluir una tabla en su contenido. A través del editor de Gutenberg, los usuarios ahora pueden incluir un bloque de tabla. Significa que puede elegir filas y columnas y comenzar a agregar su contenido de inmediato.

¿Cómo utilizo los bloques de Gutenberg?

Puede incluir bloques para imágenes, videos, audio, galerías, listas e incluso cada párrafo. Por ejemplo, puede cambiar los atributos del contenido hacia arriba y hacia abajo y luego editarlos como bloques separados para crear contenido enriquecido. A pesar del nuevo enfoque, el nuevo editor de WordPress Gutenberg es bastante sencillo y fácil de aprender.

También hay un directorio de bloques dentro del director de complementos que viene con complementos de bloques individuales. Estos complementos de bloque son relativamente pequeños y proporcionan un bloque de Gutenberg. Otra característica distintiva de Gutenberg son los patrones de bloques que le permiten realizar una personalización completa en la página.

Piense en los patrones de bloques como un nuevo concepto en el nuevo editor de bloques de WordPress. Puede utilizar patrones de bloques para construir y compartir diseños de bloques únicos predefinidos. En última instancia, los patrones de bloques crean más espacio para que el editor de bloques de Gutenberg funcione como creador de páginas.

Por lo tanto, asegúrese de buscar patrones de bloques específicos que permitan al editor de bloques de Gutenberg evolucionar como creador de páginas. Utilice el icono "+" en la esquina superior izquierda de su pantalla para obtener los patrones de bloques registrados. Verá una pestaña separada de "Patrones" y "Bloques" en su menú y cambiará de un lado a otro para revisar las opciones.

Con los patrones de bloques, ahora es sencillo crear diseños de publicaciones y páginas hermosos y complejos. El truco consiste en utilizar una combinación específica de bloques con la combinación adecuada. En el editor de Gutenberg, puede explorar y detectar nuevos patrones de bloques para numerosos temas.

Editor clásico de Gutenberg Vs

Editor clásico de Gutenberg Vs A diferencia de la versión clásica, el editor de Gutenberg viene con más espacio de escritura para pantallas más pequeñas. Si usa su computadora portátil para editar y administrar publicaciones o páginas de WordPress, Gutenberg se verá como una actualización agradable.

La escritura sigue siendo el enfoque clave de Gutenberg y ha logrado eliminar varias distracciones de la versión clásica. La navegación del editor de Gutenberg también lo hace más utilizable. Pero la apariencia visual de Gutenberg es significativamente más moderna y clara que la del editor clásico de WordPress.

 

¿Qué es mejor Gutenberg o Elementor?

Si forma parte del panorama de WordPress, la elección no podría ser más obvia. En comparación, hay más flexibilidad para operar y personalizar con Gutenberg que con Elementor. Aunque ambos productos vienen con personalización y características únicas para mejorar el sitio web, Gutenberg lleva la experiencia del usuario al siguiente nivel.

De hecho, Gutenberg continuará lanzando más funciones y opciones de personalización que facilitarían la experiencia del usuario. Además, ya no tienes que escribir dentro de un gran editor de contenido concentrado que marca la diferencia.

¿Necesito Gutenberg si tengo Elementor?

Con Gutenberg, todo se reduce a un bloque y eso significa que no tienes que generalizar los diferentes tipos de contenido. Prácticamente puedes usar bloques individuales para agregar cualquier tipo de contenido a tu sitio web. Además, el editor de Gutenberg distrae menos que Elementor debido a su aspecto minimalista.

Si ha tenido la oportunidad de usar Elementor, encontrará que la compatibilidad, el diseño, la navegación y la experiencia general son mucho mejores en el editor de Gutenberg. Con un enfoque basado en bloques del menú, los usuarios pueden observar más de cerca la estructura de su contenido en un abrir y cerrar de ojos. Los bloggers también se darían cuenta de que la experiencia de los blogs es mejor a través del editor de Gutenberg debido al nuevo conjunto de características.

Inconvenientes de Gutenberg

Si bien Gutenberg aporta una experiencia fresca y nueva al sistema de gestión de contenido familiar, el resultado general del proyecto aún no se ha determinado. Si bien el plan actual es enviar Gutenberg con WordPress a partir de la versión 5.0, parece que aún quedan bastantes errores por resolver. Las revisiones en la tienda de complementos han sido en gran parte desfavorables, en parte debido a problemas técnicos y usuarios resistentes a los cambios importantes.

Una característica importante que muchos esperaban incluir es la compatibilidad con Markdown. Dado que se ha convertido en una forma estándar de escribir HTML en muchas plataformas, se espera que se implemente en versiones posteriores.

Conclusión

Como el proyecto aún es nuevo, es probable que haya mejoras significativas en el editor de Gutenberg en las próximas semanas y meses. Si bien puede ser demasiado pronto para elegirlo como su editor predeterminado, Gutenberg es sin duda una adición prometedora al ecosistema de WordPress, y una que jugará un papel importante en el futuro del sistema de administración de contenido.

 

Biografía del autor

Angelo ha estado involucrado en el mundo creativo de TI durante más de 20 años. Construyó su primer sitio web en 1998 utilizando Dreamweaver, Flash y Photoshop. Amplió sus conocimientos y experiencia al aprender una gama más amplia de habilidades de programación, como HTML / CSS, Flash ActionScript y XML.

Angelo completó una capacitación formal con el programa CIW (Certified Internet Webmasters) en Sydney, Australia, y aprendió los fundamentos básicos de las redes de computadoras y cómo se relaciona con la infraestructura de la red mundial.

Además de ejecutar Sunlight Media, Angelo disfruta escribiendo contenido informativo relacionado con el desarrollo web y de aplicaciones, el marketing digital y otros temas relacionados con la tecnología.

2 Comentarios

  • Nummero Julio 12, 2021 6 en: 44 am

    Buen post .. es muy útil e informativo

Publicar un comentario

Los comentarios están moderados. Su correo electrónico se mantiene privado. Los campos obligatorios están marcados *