Cómo empezar con Gutenberg

Si tiene curiosidad por el nuevo editor de WordPress, Gutenberg, entonces esta publicación es para usted. Gutenberg es el nuevo niño en bloque para el editor de WordPress. Fue desarrollado en GitHub usando WordPress REST API, JavaScript y React. El editor se siente moderno, fácil de trabajar y muy modesto. Comparar Gutenberg con el editor clásico es como comparar dos casas: una con muchos muebles y el otro casi no lo es en absoluto. Incluso si siente que el estilo minimalista está un poco desanimado, una vez que comienza a usar Gutenberg, la experiencia general puede ser agradable. Por supuesto, Gutenberg tiene sus desventajas y si tiene mucha experiencia en el editor clásico, puede sentir que trabajar con Gutenberg parece un paso atrás.
En este artículo, intentaré cubrir la mayor cantidad de terreno posible y darle una idea clara de qué esperar con Gutenberg. Discutiré los pros y los contras, así como cómo puede mejorar estas desventajas, para que la transición sea más simple.

Para comenzar, puede usar Gutenberg solo actualizando WordPress en la última versión. Gutenberg ahora es parte del núcleo de WordPress. Si todavía tiene el complemento del editor clásico, puede comenzar eliminándolo y preparándose para usar Gutenberg.
Los primeros pasos
Gutenberg y Div han recorrido un largo camino integrado. En las primeras etapas no pudo guardar una publicación realizada por DIV con Gutenberg sin el riesgo de perder todo su contenido. Hoy, tales problemas han desaparecido. Puede guardar fácilmente una publicación hecha con Div en Gutenberg y también podrá editarla con Div. Lo mismo se aplica con el elemento.

La funcionalidad de Gutenberg ahora es perfecta, puede hacer que Div, Elementor y Gutenberg funcionen perfectamente en el mismo sitio e incluso puede crear contenido diferente utilizando diferentes constructores sin ningún problema. Por supuesto, siempre y cuando no regrese al editor de Gutenberg mientras usa Divi y luego obliga a un rescate, en cuyo caso el contenido del contenido de la Divica ciertamente anulará, lo mismo sucederá si intenta renunciar y guardar el contenido con otro constructor. Estructura general y bloques
Gutenberg está compuesto por una estructura de bloque general, cada bloque está representado y dividido por las características HTML, por lo que, por ejemplo, si tiene un título H2 y un párrafo, verá 2 bloques separados. La idea detrás de Gutenberg es separar los bloques HTML, aunque esto parece extraño al principio, tiene su mérito.
Para ver las opciones de edición y estilo, coloque el cursor sobre el bloque con el mouse. Esto mostrará varias opciones específicas para bloques, como la oferta de H1 a H6 para diferentes títulos o estilos para el texto del párrafo, como Bold, Cutic, enlaces, etc.

Botón de agregar un nuevo bloque de bloque

Un poco contrario a la experiencia de construcción de fluidos de los editores, el botón Agregar nuevo bloque está un poco a la mano. Para agregar un aspecto, deberá mover el mouse a la esquina superior izquierda y hacer clic en el icono más.
La posición del nuevo botón de bloqueo se elimina un poco. Una vez que haya agregado un nuevo bloque, tenga en cuenta que la posición del segundo botón agrega el bloque aparecerá directamente después del último bloque.

Un problema con el editor minimalista de Gutenberg es que el segundo botón se puede perder. Tienes que colocar el mouse sobre el espacio vacío para que aparezca el botón. Esto solo sucede cuando agrega nuevos módulos que no son párrafos. Los párrafos se agregan fácilmente con una “Enter” desde el teclado.

Una vez que comience a tener la idea de los bloques, verá que Gutenberg tiene mucho más que un espacio vacío con algunos botones.
Gutenberg se instala con todos los tipos de bloques de forma predeterminada y cada nuevo bloque agregado a través de complementos o los temas se mostrarán en la estructura de agregar nuevos bloques.
Finalmente, después de agregar un bloque, puede editarlo, clonar o eliminar. Esta funcionalidad está oculta debajo de los 3 puntos a la derecha. Haga clic en estos para abrir el menú de edición de bloques. Afortunadamente, como puede ver, la gran mayoría de las opciones tienen un atajo, por lo que puede recordarlos fácilmente. Esto abre posibilidades para clonar fácilmente y moverlos.




Una vez que haya agregado bloques, puede moverlos sobre el contenido, hacia arriba y hacia abajo con las flechas, etc.

La barra lateral
La barra lateral es la más simple de todas las entornos para Gutenberg. Tendrá 2 bloques en la barra lateral, la apariencia en sí, con información idéntica que se puede encontrar en el editor clásico y la pestaña Lock.
La pestaña de bloqueo muestra opciones detalladas para un bloque en particular. En este ejemplo, podemos vincular las imágenes al archivo multimedia y seleccionar el número de columnas que queremos mostrar. Cada módulo tiene su propio conjunto de opciones configurables en la pestaña Bloqueo en la barra lateral.
Avanzando

La mejor manera de acercarse a Gutenberg es jugar y escribir todo lo que pueda. Usar la tecla Enter es la mejor manera de estimular un nuevo bloque. Por ejemplo, si decide agregar un nuevo bloque de párrafo, tendrá la opción de convertir ese bloque en una galería de imágenes o imágenes. Aumentar nuevos bloques con la tecla ENTER es la mejor manera de omitir el “bloque nuevo” oculto. Intentar agregarlo mientras usa el mouse afectará seriamente sus habilidades de edición. Al generar nuevos bloques con la tecla ENTER, luego puede agregar una imagen simplemente seleccionando el icono de la imagen a la derecha del bloque.

Recuerde, sin embargo, Gutenberg no tiene una clave de acceso directo para agregar nuevas imágenes, como el editor clásico. Esto te obliga a usar el mouse, que es algo que interrumpe por completo el flujo de escritura. Si Gutenberg ha agregado un atajo para insertar imágenes y galerías, esto podría hacer que el antiguo editor clásico fuera rápidamente.
Al crear párrafos, títulos y galerías de imágenes, puede ver por qué es más fácil trabajar con Gutenberg cuando tiene toneladas de bloques que necesitan reorganización. Después de haber preparado el artículo, puede publicarlo y disfrutar de su primera publicación de Gutenberg. Recuerde que una vez que comience a crear publicaciones de Gutenberg, no puede volver.

Gutenberg agrega código a cada publicación que hará que se vea horrible si decide apagarlo, por lo que, incluso si puede comenzar a experimentar con él, recuerde que si comienza a usarlo en su sitio, no podrá regresar sin tener que cambiar manualmente cada publicación más tarde.
Las características adicionales de la herramienta unificada y el modo Spotlight son dos hermosas terminaciones en Gutenberg. The unified mode does exactly what it says, unifies the toolbar at the top, for all modules, so each time you edit a module, all the content of the toolbar will be above, this is very useful and imitates the classic editor in in in -un tipo.



Por otro lado, la función de centro de atención difumina el brillo de todo el contenido, a excepción de la sección que edita. Esto es útil cuando tiene un elemento muy complejo y debe concentrarse en lo que hace. Se puede acceder a ambos modos en las opciones de configuración de Gutenberg: los 3 puntos en la esquina superior derecha de la pantalla.
Para editores
Gutenberg es increíble para los editores. Es mucho más fácil administrar la redacción general, porque puede cambiar y cambiar fácilmente los bloques sin romper nada. También puede editar bloques de forma independiente y tener un menú de información fácil que le permita contar las palabras.
Tema 42

Eche un vistazo a lo que sigue, nuestro nuevo proyecto basado en el nuevo editor visual de WordPress, el tema 42. Pronto se lanzará en el sitio web de Aspen Grove Studios, así como en el repositorio de WordPress.
En conclusión