18 Consejos de editor de bloques de WordPress en 2021 (Tutorial de Gutenberg)

El editor de bloques de WordPress de Gutenberg apareció por primera vez en WordPress 5.0, y si eres nuevo en la plataforma, probablemente será lo primero que usas para crear páginas y publicaciones. Y si usted es un usuario de WordPress duradero, es posible que sienta que la migración del editor clásico a Gutenberg será difícil y no vale la pena el esfuerzo. Este artículo comparte algunos de los consejos y trucos más valiosos para ayudar a los principiantes a aprovechar al máximo Gutenberg y pueden alentar a aquellos que siguen siendo leales al editor clásico a hacer la transición.
¿Qué es el editor de bloques de WordPress? Gutenberg se introdujo en diciembre de 2018 como un generador de página predeterminado para todas las versiones de WordPress que comienzan con la versión 5.0. Sus desarrolladores han afirmado audazmente que “revolucionaría toda la experiencia de publicación tanto como Gutenberg hizo la palabra impresa”. Desafortunadamente, las reacciones han sido y todavía son mixtas. Hubo problemas porque la gente se había acostumbrado a usar el antiguo editor clásico. Fue muy fácil de usar, siendo similar en muchos aspectos a un procesador de texto, pero eso significaba limitaciones. Gutenberg se propuso simplificar las cosas usando “bloques” para construir páginas y publicaciones, cada uno de estos bloques está diseñado para reducir la cantidad de complementos necesarios para agregar funcionalidades y funciones a esas páginas y publicaciones.
Además, en los primeros días, Gutenberg sufrió aún más problemas técnicos, por lo que rápidamente ganó una mala reputación. Es una pena, porque el desarrollador ahora ha resuelto la mayoría de los problemas y, al usar Gutenberg, nunca mirará hacia atrás, porque puede hacer mucho más que el editor clásico sin necesidad de complementos adicionales que reducen la velocidad. Los mejores consejos y trucos de Gutenberg ahora nos lanzarán directamente a nuestros consejos y trucos favoritos que lo ayudarán a aprovechar al máximo el editor de bloques de Gutenberg para WordPress.1. Aprenda su camino alrededor de la interfaz con el usuario, lo primero que debe aprender al usar Gutenberg por primera vez es dónde encontrar todo. Una vez que se familiariza con la interfaz de usuario, el uso de Gutenberg se vuelve mucho más fácil. La interfaz de usuario comprende tres elementos básicos:
El inserto de bloque es para agregar bloques al editor simplemente haciendo clic en ellos. Al hacer clic en + azul (que cambia en una X negra cuando se presiona) activa y desactiva el dispositivo de inserción del bloque.
El editor es el área donde crea su contenido.
La barra lateral se activa y deshabilita haciendo clic en el icono de la rueda (configuración). Aquí, puede realizar muchas de las mismas funciones de edición y edición de páginas en el editor clásico, pero también le permite editar los bloques que usa.
2. Guarde el tiempo aprendiendo los atajos de teclado del Editor Gutenberg Si usa software como Microsoft Word o Excel, probablemente esté familiarizado con los atajos de teclado para un acceso rápido a diferentes funciones y acciones. Muchos de los atajos que conoces ya funcionarán en Gutenberg, como CTRL + B para BOLD. Sin embargo, Gutenberg también tiene su propio conjunto de atajos de teclado adicionales y puede llamar a una lista completa de aquellos que usan el Shift + Al + H. Aprender estos atajos, o al menos los que usa con más frecuencia, enriquecerá su experiencia con Gutenberg y acelerará significativamente el tiempo para crear o editar publicaciones y páginas.


El artículo continúa a continuación

3. Use la sintaxis de Markdown Otra forma de acceso directo es “sintaxis de Markdown”. Aquí algunas claves le dicen al editor de bloques de WordPress que agregue formatos específicos. Por ejemplo, simplemente escribir # y presionar la barra espacial le dirá a Gutenberg que desea que esa línea sea un título de H1, mientras que ## seguido de la barra espacial le dará un H2. Aquí hay varios ejemplos de entradas de sintaxis de Markdown estándar que funcionan en Gutenberg (tenga en cuenta que cada uno se activa presionando la barra espacial, no presionando “Enter”)::

#Para crear un título H1 a ###### para un título H6
1. o 1) para crear una lista ordenada (numerada).
* o – para crear una lista desordenada (punto de marcador).
> Crear una cita con una cita
4. Insertar bloques rápidamente utilizando la inserción del bloque “/” es la forma principal de agregar bloques. Sin embargo, puede volverse lo suficientemente engorroso como para continuar y encontrar el que desee. Afortunadamente, hay un atajo. Todo lo que tiene que hacer es escribir / y luego comenzar a ingresar el nombre del bloque que desea agregar. Como escribe, Gutenberg sugerirá automáticamente bloques de coincidencia. Luego seleccione el que desee de la lista emergente y presione “Ingrese” para ingresarlo en su publicación o página5. Ingrese un descanso “Leer más” donde sea necesario, fue fácil insertar una ruptura de “leer más” en su texto en el editor clásico para mantener su página de inicio libre de hogar. Pero, por supuesto, es fácil de hacer en Gutenberg. Para agregar un descanso al final de un párrafo completo, simplemente ingrese el bloque más desde el dispositivo de inserción del bloque:
Para agregar un descanso en el medio de un párrafo, deberá cambiar al editor de código e ingresar el exactamente donde necesita insertar un descanso. Tenga en cuenta que el cambio entre el editor visual y el editor de códigos se puede hacer utilizando Ctrl + Shift + Alt + M. M.

6. Utilice los bloques de contenido preparados para ser un editor de bloques, es comprensible que el editor de bloques de WordPress venga con toneladas de bloques listos para usar. Estos son fantásticos, porque puede usarlos para insertar tantos tipos diferentes de contenido rápido y fácil, sin complementos adicionales o conocimientos de codificación. Para acceder a los bloques, active el dispositivo de inserción del bloque presionando el botón + azul (que cambia a una X negra cuando se presiona) en la esquina superior izquierda. El inserto del bloque contiene docenas de bloques preparados para agregar a su publicación o página pasando con el mouse sobre cada bloque, se mostrará una ventana emergente lo que cada uno hace: una vez ingresado, puede editar el bloque. Simplemente haga clic en el icono de la rueda (configuración) para activar y desactivar la barra lateral. Luego haga clic en Bloquear en la barra lateral y aparecerán todas las opciones de edición para el bloque activo:

El artículo continúa a continuación

7. Ocultar la barra lateral de Gutenberg para una pantalla menos concurrida, ¿a menudo está abrumado con la cantidad de información en la pantalla al crear publicaciones y páginas? Todos los menús, los bares laterales y estatales a menudo pueden interponerse en el camino. Puede reducir este trastorno de la pantalla ocultando la barra lateral de Gutenberg; simplemente haga clic en el icono de la rueda (configuración) para activar y desactivar la barra lateral.

8. Tirar y colocar las imágenes directamente en las publicaciones Agregar imágenes en sus publicaciones es muy fácil en Gutenberg. Todo lo que tiene que hacer es sacarlos del escritorio (o donde sea que estén almacenados) en el lugar exacto donde lo desee. Solo asegúrese de ver la línea azul mientras extrae las imágenes, de lo contrario no funcionará. También es posible deslizarse y colocar más imágenes simultáneamente, en cuyo caso, Gutenberg crea una fantástica galería de imágenes que puede reorganizar como desee. Gutenberg guarda automáticamente las imágenes adicionales de esta manera en su biblioteca de medios.

9. Copiar y pegar sin interrupciones de fuentes externas Cuando el contenido de fuentes externas, como Microsoft Word o Google Docs, se copia y pegan al editor clásico, los formatos a menudo se pierden o corruptan. Para evitar esto significa la “purificación” del contenido original, primero pegarlo al bloc de notas, luego copiarlo al clásico editor de WordPress y, finalmente, reajustarse los formatos. Un verdadero dolor en el fondo. Por otro lado, Gutenberg no parece molestarlo de donde proviene el contenido pegado y puede estar casi seguro de que lo que sea que se adhiera mantendrá el formato del documento fuente, incluidas las imágenes. 10. Transformar bloques en diferentes bloques será sin duda en los momentos en que desee cambiar un bloque que agregó con otro. Por ejemplo, es posible que haya creado un bloque de título, pero luego se dio cuenta de que debería haber sido un párrafo o lista. ¡No hay problema! Simplemente vaya a la barra de herramientas y haga clic en el icono del párrafo. Esto revelará una lista de caída de bloques alternativos que pueden reemplazar el actual:

Por supuesto, no puede convertir el texto en una imagen o viceversa, pero puede convertir una imagen normal en una imagen de portada. 11. Crear bloques reutilizables Una característica útil, que ahorra tiempo del nuevo editor de bloques de WordPress, es la capacidad de hacer bloques reutilizables. Estos son bloques personalizados que se guardan en el dispositivo de inserción del bloque en la pestaña Bloque reutilizable. Una vez creado, puede insertarlos repetidamente donde quiera. Crear un bloque reutilizable es muy simple. Todo lo que tiene que hacer es ir al bloque que desea agregar a su biblioteca de bloques reutilizable, haga clic en los tres puntos verticales en la barra de menú flotante y seleccione Agregar a los bloques reutilizables en el menú desplegable. A continuación, debe dar un título al bloque y es bueno irse. El artículo continúa a continuación


En el ejemplo anterior, hice una tabla simple de 4 × 6 y la guardé como un bloque reutilizable llamado tabla “4 × 6”. Ahora aparece en el dispositivo de inserción del bloque y se puede usar como cualquier otro bloque:

12. Las palabras del conde Gutenberg tienen una característica elegante para mostrar el número de palabras, caracteres, bloques, títulos y títulos de una publicación. Esto puede ser útil para fines de SEO o si paga la palabra escritor de contenido. Llamar a esta información es simple. Simplemente vaya a la barra de herramientas flotante y haga clic en el botón DetA. Los recuentos aparecerán en una ventana emergente a continuación.

13. Arregle la barra de herramientas flotantes en la parte superior de la página, la barra de herramientas flotante que aparentemente aparece y desaparece al azar en la parte superior de cada bloque puede ser agotador para algunos. Afortunadamente, hay una manera de arreglarlo en la parte superior de la página. Para hacer esto, haga clic en Opciones (los tres puntos verticales) en la parte superior derecha de la pantalla y seleccione la barra de herramientas de arriba. Ahora, la barra de herramientas permanecerá en un solo lugar, aunque sus opciones continuarán variando según el tipo de bloque activo. Aquí hay una captura de pantalla que muestra la barra de herramientas flotante: y esta captura de pantalla muestra cómo se activa:

14. Use el modo Spotlight para resaltar el bloque activo creemos que la activación del modo reflectante es esencial para evitar cambios accidentales en el bloqueo incorrecto, especialmente cuando el menú flotante se ha solucionado en la parte superior del panel de edición. El modo Spotlight deshabilita todos los bloques, excepto el que está actualmente activo. Para activarlo, haga clic en Opciones (los tres puntos verticales) en la parte superior derecha de la pantalla y luego seleccione el modo Spotlight.

15. Reorganizar los bloques que usan arrastrar y soltar sin duda, habrá casos en los que tendrá que reorganizar los bloques en su puesto, por ejemplo, es posible que solo desee reorganizar el texto o mover un diagrama a una mejor ubicación. Sin embargo, el reordenamiento de bloques en Gutenberg es fácil. Todo lo que tiene que hacer es asegurarse de que el modo de barra de herramientas superior esté deshabilitado (consulte el artículo 13 arriba), luego haga clic y mantenga presionado el sorteo (dos filas verticales de tres puntos) en la barra de herramientas. Luego, mientras presiona este botón, puede extraer el bloque activo donde desee. Cree columnas utilizando el bloque de columnas del bloque de columna Gutenberg le permite insertar bloques o columnas verticales en publicaciones y páginas, idealmente si intenta crear un estilo de periódico o desea agrupar información de cierta manera. Además, puede agregar otros bloques en las columnas, incluidos varios bloques de columnas. Para agregar un bloque de columnas, simplemente vaya al punto donde desea insertarlo, luego acceda al dispositivo de inserción del bloque. Luego, ubique el bloque de columna ejecutando la lista de bloques o utilizando la barra de búsqueda. Luego tendrá una opción de opciones para la aparición de columnas. Después de haber elegido la deseada, las columnas aparecerán automáticamente. Luego puede completar las columnas con imágenes de texto, diagramas, etc., agregando los bloques apropiados a cada columna:

A continuación se muestra una captura de pantalla que presenta un bloque de columna de tres columnas iguales (33/33/33) que contiene lo siguiente:


La columna izquierda incluye dos bloques.El primero es un bloque de párrafo que contiene texto.A continuación se muestra otro bloque de columnas con dos columnas iguales, una de las cuales tiene un bloque de imagen, y el otro bloque de párrafo. La columna central contiene solo un bloque de imagen.

La columna derecha tiene un bloque de párrafo seguido de un bloque de imagen

17. Obtenga más bloques utilizando complementos de terceros, mientras que la inserción de bloques tiene bloques de Gutenberg para cubrir la mayoría de las necesidades diarias de las páginas y después de la construcción, probablemente habrá casos en los que necesite más específicos.Los ejemplos entre estos pueden incluir:

Cronómetros con innumerables cargos

Mesas de precio

evidencia

Acordeón

Notificaciones
Diferentes botones
Redes sociales
papel

Toboganes
La lista es prácticamente interminable. Vaya a nuestro artículo 24 Los mejores complementos de Gutenberg para WordPress en 2021 para obtener algunas ideas sobre lo que está disponible. 18. Cómo deshabilitar Gutenberg Si no está convencido de que Gutenberg sea el editor que use, estará encantado de saber que el regreso al editor clásico es relativamente simple. Hay dos formas principales de hacer reversión. En primer lugar, puede usar un complemento como Disable Gutenberg o el editor clásico. La ventaja de usar complementos es que le permite cambiar fácilmente entre Gutenberg o el editor clásico, perfecto cuando tiene más usuarios de backend, cada uno de ellos tiene diferentes preferencias. Alternativamente, puede hacer la reversión manualmente, siguiendo uno de los pocos métodos detallados en nuestro artículo cómo deshabilitar Gutenberg en el editor de WordPress (2021). Si solo tiene que usar el editor clásico temporalmente, puede hacerlo desde Gutenberg usando el bloque clásico. Esto incorpora el editor TinyMCE como un bloque, que le brinda la barra de herramientas TinyMCE, así como cualquier botón adicional agregado a esto por los complementos instalados: