Gutenberg

Descripción

The block editor was introduced in core WordPress with version 5.0 but the Gutenberg project will ultimately impact the entire publishing experience including customization (the next focus area). This beta plugin allows you to test bleeding-edge features around editing and customization projects before they land in future WordPress releases.

Descubre más sobre el proyecto.

Enfoque en la edición

El editor creará una nueva experiencia de creación de páginas y entradas que hará que escribir publicaciones enriquecidas no conlleve esfuerzo alguno, y que tendrá «bloques» para hacer fácil lo que actualmente requiere shortcodes, HTML personalizado, o los imprevisibles incrustados automáticos. — Matt Mullenweg

Una cosa que distingue a WordPress de otros sistemas es que te permite crear estructuras de publicaciones tan completas como te puedas imaginar — pero sólo si sabes HTML y CSS y construyes tu propio tema a medida. Al pensar en el editor como una herramienta que te permite escribir publicaciones ricas y crear hermosos diseños, podemos transformar WordPress en algo que los usuarios aman de WordPress, en lugar de algo que eligen porque es lo que todos los demás usan.

Gutenberg considera el editor como algo más que un campo de contenido, y revisita un diseño que ha permanecido prácticamente inalterado durante casi una década. Esto nos permite diseñar holísticamente una experiencia de edición moderna y construir una base para lo que vendrá.

He aquí por qué estamos mirando toda la pantalla de edición, en lugar de solo el campo de contenido:

  1. El bloque unifica múltiples interfaces. Si agregamos eso en la parte superior de la interfaz existente, agregaría complejidad, en lugar de eliminarla.
  2. Al volver a visitar la interfaz, podemos modernizar la experiencia de escritura, edición y publicación, teniendo en cuenta la facilidad de uso y la simplicidad, lo que beneficia tanto a los usuarios nuevos como a los ocasionales.
  3. Cuando la interfaz de bloque singular toma el centro del escenario, muestra un camino claro hacia adelante para que los desarrolladores creen bloques premium, superiores a shortcodes y widgets.
  4. Considerando que toda la interfaz sienta la base para la siguiente prioridad, la personalización de todo el sitio.
  5. Centrarnos en el editor a pantalla completa también nos brinda la oportunidad de modernizar drásticamente los cimientos y dar pasos hacia un futuro más fluido basado en JavaScript que aproveche al máximo la API REST de WordPress.

Bloques

Los bloques son la evolución unificadora de lo que ahora está cubierto, de diferentes maneras, mediante shortcodes, incrustaciones, widgets, formatos de publicación, tipos de contenido personalizados, opciones de tema, meta-boxes y otros elementos de formato. Adoptan la amplitud de la funcionalidad que WordPress es capaz de ofrecer, con la claridad de una experiencia de usuario consistente.

Imagina un bloque «empleado» personalizado que un cliente puede arrastrar a una página Acerca de para mostrar automáticamente una imagen, nombre y biografía. Todo un universo de plugins que extienden WordPress de la misma manera. Menús y widgets simplificados. Usuarios que pueden entender y usar instantáneamente WordPress — y el 90% de los plugins. Esto te permitirá redactar fácilmente publicaciones hermosas como este ejemplo.

Consulta las FAQ para obtener respuestas a las preguntas más comunes sobre el proyecto.

Compatibilidad

Las publicaciones son compatibles con versiones anteriores, y los shortcodes seguirán funcionando. Estamos explorando continuamente cómo se pueden acomodar metaboxes altamente personalizados, y estamos buscando soluciones que van desde un plugin para deshabilitar Gutenberg hasta detectar automáticamente si cargar Gutenberg o no. Si bien queremos asegurarnos de que la nueva experiencia de edición desde la escritura hasta la publicación sea fácil de usar, nos comprometemos a encontrar una buena solución para sitios existentes altamente personalizados.

Las etapas de Gutenberg

Gutenberg tiene tres etapas planificadas. La primera, destinada a la inclusión en WordPress 5.0, se centra en la experiencia de edición posterior y la implementación de bloques. Esta fase inicial se centra en un enfoque de el primero primero. El uso de bloques, como se detalla anteriormente, le permite enfocarse en cómo se verá su contenido sin la distracción de otras opciones de configuración. Esto finalmente ayudará a todos los usuarios a presentar su contenido de una manera atractiva, directa y visual.

Estos elementos fundacionales allanarán el camino para las etapas dos y tres, planificadas para el próximo año, para ir más allá de la publicación en plantillas de página y, en última instancia, la personalización completa del sitio.

Gutenberg es un gran cambio, y habrá formas de garantizar que la funcionalidad existente (como los shortcodes y los meta-boxes) continúe funcionando mientras que da a los desarrolladores el tiempo y los caminos para la transición de manera efectiva. En última instancia, abrirá nuevas oportunidades para que los desarrolladores de plugins y temas brinden un mejor servicio a los usuarios a través de una experiencia más atractiva y visual que aproveche un conjunto de herramientas respaldadas por el core.

Colaboradores

Gutenberg está construido por muchos colaboradores y voluntarios. Consulte la lista completa en CONTRIBUTORS.md .

Bloques

Este plugin proporciona 17 bloques.

core/categories
Gutenberg
core/block
Gutenberg
core/site-title
Gutenberg
core/tag-cloud
Gutenberg
core/post-title
Gutenberg
core/latest-comments
Gutenberg
core/archives
Gutenberg
core/calendar
Gutenberg
core/social-link-
Gutenberg
core/legacy-widget
Gutenberg
core/navigation
Gutenberg
core/latest-posts
Gutenberg
core/shortcode
Gutenberg
core/search
Gutenberg
core/post-content
Gutenberg
core/template-part
Gutenberg
core/rss
Gutenberg

FAQ

¿Cómo puedo enviar sugerencias o pedir ayuda sobre un fallo?

¡Nos encanta que nos informes de fallos, sugerencias de características o cualquier otra idea! Por favor, pásate por la página de problemas en GitHub para buscar problemas existentes o informar de uno nuevo. Aunque tratamos de hacer un seguimiento de los problemas aquí, en el foro del plugin, obtendrás una respuesta más rápida (y se reduce la duplicación de esfuerzos) manteniendo todo centralizado en el repositorio de GitHub.

¿Cómo puedo colaborar?

Estamos llamando a este proyecto de editor «Gutenberg» porque es una gran empresa. Estamos trabajando en ello todos los días en GitHub, y nos encantaría que nos ayudaras a construirlo. También puedes enviarnos tus comentarios, lo más fácil es unirte a nosotros en nuestro canal de Slack, #core-editor.

Ver también CONTRIBUTING.md.

¿Dónde puedo leer más acerca de Gutenberg?

Reseñas

10 de diciembre de 2019
So many of the reviews of Gutenberg are binary—black or white. They claim Gutenberg is either total garbage not even worthy of existing (the vast majority), or the best editor that has ever been built (far fewer, but still there). The reality is far more nuanced. The editor doesn't completely suck. But it also isn't perfect. Are their problems and rough edges with Gutenberg? Yes. Is the editor a move in a positive direction for WordPress? Absolutely. Like many reviewers, at first I hated Gutenberg. Looking back, I think a lot of that hate came from a gut reaction and aversion to change. Some was definitely attributed to the early days of Gutenberg indeed being a hot mess. The editor has come a long, long way since the initial release and is now far more functional and useful. I now exclusively use it for new sites and am working on transitioning a number of existing sites over (more on this later). In total I am using Gutenberg on 12 different sites. The good: My clients who are trained on Gutenberg love it! It is far closer to WYSIWYG than the old editor. Now that they are used to the difference in how the editor works, I often get comments about how simple things are. Gutenberg makes it is easier to do advanced things such as column layout. Many reviewers claim that even simple tasks require several more clicks. That simply isn't true. And now all tasks are essentially treated the exact same. Everything is a block. Once you understand blocks and that they can have individual settings, the rest falls into place. My clients also make far less mistakes, especially since they used to rely on error prone shortcodes for so much of the advanced functionality. It was inevitable that a client would inadvertently delete a ] for a shortcade and email me asking why their site was broken. When you embrace it fully, Gutenberg can be incredibly powerful. As a developer, the editor being completely written in JS, and having complete access to core data stores means I can create plugins and tools for users I could have only dreamed of before. For example, I recently built a live accessibility checker. It checks the content and metadata (as the user types!) for common accessibility issues, like missing alt attributes on images or incorrect heading hierarchy. My users now make far less accessibility mistakes when publishing content! This makes for a better web for all. There are more keyboard shortcuts. Saving a post, true undo and redo, block insertion with / etc. All great additions. That said, I do miss the heading shortcuts of the old editor. Of course, Gutenberg still has some rough edges: The number one is speed. It is still fairly slow to load the initial edit page (6 or 7 seconds, even in a local dev environment) and pages with a large number of blocks (i.e. a few hundred) can make the interface less responsive. I would love to see a release dedicated to performance and bug fixes. I know development is charging ahead on things like widgets, content areas, and editing site wide content, but I would strongly recommend shoring up what is already in place a little more first. The second biggest issue (at least from the perspective of a plugin/theme developer) is documentation. It sucks. As a developer working with WordPress for a dozen years, I'm used to very detailed and descriptive documentation, with lots of examples. The documentation for Gutenberg is largely missing or cryptically worded. Only the very basics (like registering a simple block) are decently documented. As soon as I start branching out beyond the basics (like working with data stores or APIs) I spend a large amount of time digging through Gutenberg's JS files looking to see how the developers of Gutenberg did something. I'm a less productive developer because of it. Some interactions can be cumbersome and clumsy. For example, if you have a number of blocks nested within each other, it can be very difficult to select the exact block you want. I end up needing to use my up and down arrow keys, or the block navigation far too often. Another example is around finding the exact right place to click to insert a new nested block when using InnerBlocks. If your block has any padding, this can be maddening. Migrating existing sites is very difficult and time consuming. I have only moved a couple sites to Gutenberg, but it has often involved completely reworking the content of every page/post. This especially applies to more complex sites with numerous shortcodes and layout builders. I'm honestly not sure what can be done to address this, but it is a big burden. Finally, a minor gripe, the HTML and CSS of the editor makes styling blocks in the editor challenging. All the negative margins, absolutely positioned elements, and dozens of nested HTML elements mean I spend a lot of time digging through the web inspector. Conclusion: For all those asking to abolish Gutenberg entirely, I feel that is a rash judgement. Gutenberg offers a lot of benefits, if you're willing to embrace it fully. In hindsight, I would have suggested only enabling Gutenberg by default on new installs of WordPress, and perhaps waiting a little longer for some of the major shortcomings to be worked out. That said, today Gutenberg is quite powerful and heading in the right direction.
7 de diciembre de 2019
I hoped that the kinks would be worked out by now, but there are still tons of normal things that you can't do in Gutenberg because of how blocks work. I try to minimize plugins for performance and security, but I have had to install way more than usual just to do things that were simple in the old editor but impossible in Gutenberg. And it's cumbersome as well. I haven't yet bailed out and installed the Classic Editor plugin, because I thought I should give Gutenberg a fair chance, but I might have to. For the minority who like Gutenberg, it would be fine as a plugin, but why can't the default editor simply be an editor?
6 de diciembre de 2019
How did this abomination ever graduate from beta to prime time??? Simply put... it sucks BDD! No one likes it... everyone is screaming about it... so, move on!!! The only proof you need is that the #1 trending plugin simply reverts Gooberberg to the previous editor! Wanna make a REAL GUI block editor? Shoulda checked out the successful ones first... Elementor comes to mind first. #ShamefulWP #PhotoMatt
Leer todas las 2.971 reseñas

Colaboradores y desarrolladores

«Gutenberg» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Gutenberg» ha sido traducido a 46 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Gutenberg» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

Features

Enhancements

Bug Fixes

APIs

Experiments

Documentation

Performance

Various