Atajos de Gutenberg que ahorran tiempo y simplifican el flujo de trabajo del editor de bloques

Gutenberg-Keyborad-Shortcuts

Personalmente, me resulta muy irritante cambiar constantemente entre el mouse y el teclado mientras trabajo en una PC. Por eso prefiero usar los atajos de teclado tanto como sea posible.

Cuando comencé a trabajar en Gutenberg, una de las primeras cosas que hice fue buscar los atajos de teclado de WordPress para el editor de bloques. Luego descubrí que hay una gran cantidad de atajos de Gutenberg disponibles para el editor de bloques.

Como yo, hay una gran cantidad de usuarios que prefieren utilizar atajos de teclado mientras editan sitios web. Según nuestra encuesta en LinekdIn, el 50% por ciento de los usuarios prefiere usar los atajos de teclado avanzados, mientras que el 46% de los participantes usa al menos los atajos básicos.

Entonces, pensé que compartir los atajos que uso al editar sitios de WordPress ayudaría a otros a simplificar y aumentar la eficiencia.

Aquí está la lista de atajos de teclado de WordPress para Gutenberg que me han resultado convenientes al editar sitios web de WordPress.

Todos los atajos de teclado de WordPress para Gutenberg

Antes de explorar los atajos de teclado de Windows para Gutenberg, debemos tener en cuenta que la distribución del teclado no es similar para los diferentes sistemas operativos. 

Entonces, en este artículo, agregué los accesos directos para los dos sistemas operativos de computadora más utilizados: el sistema operativo Mac de Apple y el sistema operativo Windows de Microsoft.

CategoríaFunciónAtajo de MacAcceso directo de Windows
Bloquear navegaciónAgregar un bloque en una nueva línea/ + escribe el nombre del bloque/ + escribe el nombre del bloque
Insertar un nuevo bloque encima de los bloques seleccionados + + tControl + Alt. + t
Insertar un nuevo bloque debajo de los bloques seleccionados + + YControl + Alt. + Y
Duplicar los bloques seleccionados + + DControl + Cambio + D
Subir los bloques seleccionados + + + tControl + Cambio + Alt. + t
Bajar los bloques seleccionados  + + + YControl + Cambio + Alt. + Y
Eliminar un bloque seleccionado + + zCambio + Alt. + z
Eliminar múltiples bloques seleccionadosdel
retroceso
del
retroceso
Deseleccionar los bloques seleccionadosdoble escapedoble escape
Atajos globalesCambiar entre editor visual y editor de código+ + + METROControl + Cambio + Alt. + METRO
Alternar modo de pantalla completa + + + FControl + Cambio + Alt. + F
Abrir la vista de lista de bloqueo + + ohCambio + Alt. + oh
Mostrar u ocultar la barra lateral de configuración + + ,Control + Cambio + ,
Navega a la siguiente parte del editor. + `
+ + norte
Control + `
Cambio + Alt. + norte
Navegar a la parte anterior del editor.⌃ + ⇧ + `
⌃ + ⌥ + P
Control + Cambio + `
Cambio + Alt. + PAG
Navegar a la barra de herramientas más cercana+ F10Alt. + F10
Guarda tus cambios+ SControl + S
Deshacer tus últimos cambios+ zControl + z
Rehacer tu último deshacer++ zControl + Cambio + z
Formato de textoPoner el texto seleccionado en negrita+ BControl + B
Poner el texto seleccionado en cursiva + IControl + I
Subrayar el texto seleccionado + Ud.Control + Ud.
Convertir el texto seleccionado en un enlace+ kControl + k
Agregue un enlace seleccionado entre los enlaces disponibles[[[[
Eliminar un enlace+ + kControl + Cambio + k
Atajos de selecciónSeleccionar todo el texto/bloques al escribir+ AControl + A
Selección claraescaparescapar
Deseleccionar bloques seleccionadosN / Adoble escape

Atajos de Gutenberg para navegar a través de bloques

Navegar por el intrincado laberinto de bloques de Gutenberg se hace sin esfuerzo con los atajos de teclado de WordPress. Con estos atajos de Gutenberg, agregar, reorganizar y ajustar bloques me resultó muy fácil y conveniente mientras editaba mi sitio web.

Aquí hay algunos atajos de teclado de WordPress que han ayudado a que mi proceso de creación y personalización de contenido sea fluido y eficiente.

👉 Agrega un bloque en una nueva línea

Cuando vas a una nueva línea en el editor de bloques de Gutenberg, el bloque de párrafo aparece de forma predeterminada. Para cambiar el tipo de bloque y agregar un nuevo bloque, normalmente los usuarios deben hacer clic en el signo más ( + ) y busque el bloque deseado.

Para simplificar el proceso, utilizo este atajo:

Presione el botón del teclado botón de barra diagonal ( / ) en el bloque de párrafo y escriba el nombre del bloque

Atajo de teclado de WordPress para agregar un bloque en una nueva línea en Gutenberg

Verás aparecer el bloque en las sugerencias. Ahora simplemente presione el botón Enter y el bloque se agregará a su editor.

👉 Inserta un nuevo bloque encima del bloque seleccionado

Supongamos que ha seleccionado un bloque y necesita agregar un bloque encima de ese bloque. Puede utilizar el siguiente atajo para insertar un nuevo bloque antes del bloque seleccionado:

Mac: OPCIÓN ⌥ + COMANDO ⌘ + T

Ventanas: Control (Control) + alterar (Alt) + t

Acceso directo de Mac para insertar un nuevo bloque de WordPress arriba

👉 Inserta un nuevo bloque debajo del bloque seleccionado

De manera similar, si desea insertar un nuevo bloque debajo del bloque seleccionado, use los siguientes atajos:

Mac: OPCIÓN ⌥ + COMANDO ⌘ + Y

Ventanas: Control (Control) + alterar (Alt) + Y

Acceso directo de Mac para insertar un nuevo bloque de WordPress a continuación
Acceso directo de Windows para insertar un nuevo bloque de WordPress a continuación

👉 Duplicar los bloques seleccionados

Cuando necesites replicar un bloque, puedes usar los atajos de duplicado. Si es usuario de Mac, haga clic en el MAYÚS ⇧ + COMANDO ⌘ + Dy el bloque aparecerá justo debajo del bloque que has seleccionado.

Para usuarios de Windows, presione el Control (Ctrl) + Mayús + D en tu teclado.

👉 Mover los bloques seleccionados

Ahora, si desea mover un bloque verticalmente, existen atajos de Gutenberg para mover los bloques tanto hacia arriba como hacia abajo.

  • Subir un bloque seleccionado

Para usuarios de Mac: MAYÚS ⇧ + OPCIÓN ⌥ + COMANDO ⌘ + T

Para usuarios de Windows: Ctrl + Mayús + Alt + T

Atajo de Gutenberg para subir un bloque seleccionado en Mac
Atajo de Gutenberg para subir un bloque seleccionado en Windows
  • Bajar un bloque seleccionado

Para usuarios de Mac: MAYÚS ⇧ + OPCIÓN ⌥ + COMANDO ⌘ + Y

Para usuarios de Windows: Ctrl + Mayús + Alt + Y

Atajo de Gutenberg para bajar un bloque seleccionado en Mac
Atajo de Gutenberg para bajar un bloque seleccionado en Windows

👉 Eliminar los bloques seleccionados

Con los atajos de Gutenberg, puede eliminar un solo bloque o eliminar varios bloques al mismo tiempo. Para eliminar los bloques, debe seleccionar el bloque (o varios bloques) y luego usar los siguientes atajos:

  • Eliminar un bloque seleccionado:

Para usuarios de Mac: CONTROL + OPCIÓN ⌥ + z

Para usuarios de Windows: Cambio + Alt. + z

Atajo de teclado de WordPress para eliminar un bloque seleccionado en Mac OS
Atajo de teclado de WordPress para eliminar un bloque seleccionado en el sistema operativo Windows
  • Eliminar varios bloques seleccionados:

Para eliminar varios bloques seleccionados en Gutenberg, los atajos de teclado son los mismos para usuarios de Mac y Windows. 

presione el Borrar o Retroceso para eliminar varios bloques seleccionados en el editor.

👉 Deseleccionar los bloques seleccionados

presione el Esc (escape) dos veces para anular la selección de los bloques seleccionados en el editor de bloques de WordPress. Esta función es la misma para computadoras Mac y Windows.

Atajos de teclado de WordPress para simplificar su flujo de trabajo con el editor de bloques

Además de estos atajos de navegación en bloque, utilizo muchos atajos de teclado de WordPress para optimizar la navegación. Proceso de edición de sitios web en Gutenberg.. Esto incluye atajos de formato de texto, atajos de selección y algunos atajos globales de WordPress.

➡️ Atajos globales de WordPress

Los atajos de teclado globales de WordPress incluyen cambiar al modo de pantalla completa, ver la barra lateral de configuración y funciones comunes como guardar cambios, deshacer y rehacer cambios.

  • ✅ Para abrir la vista de lista de bloqueo, presione CONTROL + OPCIÓN ⌥ + oh en tu Mac y Cambio + Alt. + oh en Windows.
  • ✅ Para ocultar o mostrar el uso de la barra lateral de configuración CAMBIO + COMANDO ⌘ + , (Mac) o Control + Cambio + , (ventanas)
  • ✅ Para ingresar al modo de pantalla completa, use CAMBIO + OPCIÓN ⌥ + COMANDO ⌘ + F (Mac) o Control + Cambio + Alt. + F (ventanas)
  • ✅ Para cambiar entre el editor visual y el editor de código en WordPress, use CAMBIO + OPCIÓN ⌥ + COMANDO ⌘ + METRO (Mac) o Control + Cambio + Alt. + METRO (Windows) atajos.

Para navegar fácilmente en el editor de WordPress, suelo utilizar:

  • OPCIÓN ⌥ + F10 (Mac) o Alt. + F10 (Windows) para navegar a la barra de herramientas más cercana.
  • CONTROLAR ⌃ + OPCIÓN ⌥ + norte (Mac) o Cambio + Alt. + norte (Windows) para navegar a la siguiente parte del editor.
  • CONTROLAR ⌃ + OPCIÓN ⌥ + PAG (Mac) o Cambio + Alt. + PAG (Windows) para navegar a la parte anterior del editor.

Además, puede utilizar los atajos comunes como Guardar, Deshacer y rehacer cambios en el editor Gutenberg.

  • Guardar cambios: ⌘ + S (Mac) o Ctrl + S (Windows)
  • Deshacer cambios: ⌘ + Z (Mac) o Ctrl + Z (Windows)
  • Rehacer cambios: ⇧ + ⌘ + Z (Mac) o Ctrl + Shift + Z (Windows)

➡️ Atajos de formato de texto

Los atajos de formato de texto permiten a usuarios como yo diseñar y estructurar rápidamente el contenido. Estos atajos de teclado de WordPress ayudan a ahorrar tiempo y mejorar la eficiencia en la publicación y edición de contenido.

En el editor Gutenberg se encuentran disponibles atajos para formatear texto común, como poner el texto en negrita, cursiva o subrayar una palabra. Al igual que los archivos de Word, puedes formatear textos usando estos atajos:

sangre: ⌘ + B o Ctrl + B, Itálico: ⌘ + I o Ctrl + I, Subrayar: ⌘ + U o Ctrl + U

Me resulta particularmente útil utilizar atajos de teclado al insertar enlaces en el texto. Por ejemplo, a convertir un texto seleccionado en un enlace, solo uso el ⌘+K claves en el sistema operativo Mac. Para Windows, el acceso directo es Ctrl+K.

Escribiendo [[ Aparecerá la lista de enlaces disponibles y podrás seleccionar el enlace que deseas agregar al texto seleccionado.

Para eliminar el enlace, utilice el MAYÚS ⇧ + COMANDO ⌘ + K (Mac) o Ctrl + Mayús + K (Windows) en su teclado. 

✅ Consulte este blog para encontrar una guía para reconstruir sitio web en Gutenberg.

Encuentre atajos de teclado de WordPress mientras edita en el editor de bloques

Cuando esté trabajando en el editor de WordPress, puede encontrar la lista de atajos de teclado de WordPress. Abra la opción del editor haciendo clic en los tres puntos ( ) en la esquina superior derecha. En la barra de opciones encontrarás el Atajos de teclado en la sección de herramientas. 

Encuentra atajos de teclado de WordPress

Alternativamente, puede presionar Mayús + Alt + H para abrir la lista de accesos directos.

Envolver

¡Ahí lo tienes! Estos atajos de Gutenberg son como la receta secreta para acelerar tu juego de edición en WordPress. En serio, una vez que los domines, te preguntarás cómo pudiste vivir sin ellos. No se trata sólo de ahorrar tiempo; se trata de hacer que el proceso de edición sea más fluido y relajado. 

Entonces, sumérjase, pruébelos y vea cómo revolucionan su flujo de trabajo. Quién sabe, ¡podrían convertirse en tus nuevos trucos de edición favoritos!


Comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *