TinyMCE Editor de WordPress: combinaciones de teclas

Atajos de teclado para el editor de contenido de WordPress

Atajos teclado WordPress

WordPress viene equipado “de fábrica” con TinyMCE, un editor bastante completo que nos permite modificar nuestros contenidos de manera visual y muy sencilla, aunque para aumentar aun más nuestra productividad, siempre es buena idea aprender los atajos de teclado más frecuentes, y así ganar rapidez, evitando tener que acudir al ratón para realizar acciones repetitivas.

Aparte de los atajos de teclado propios del sistema operativo (copiar, pegar, cortar, etc.) este editor de WordPress incluye algunas combinaciones muy útiles, aunque serán diferentes dependiendo del tipo de edición que estemos utilizando: visual o HTML.

Algo que muchas veces se pasa por alto es que podemos acceder a una lista de los atajos de teclado más usados en modo visual de TinyMCE. Para acceder a esta lista tenemos que seleccionar el editor visual, asegurarnos de que hemos activado los botones ocultos del editor (la segunda barra de Quicktags, oculta por defecto) y selecionar el último (Ayuda). Desde la ventana que aparece podremos acceder a la lista completa de combinaciones de teclas, así como a algunas explicaciones de uso del sistema.

Pero en esta lista no se incluyen los atajos de teclado necesarios si utilizas el editor en modo HTML, precisamente el que usamos los que estamos acostumbrados a memorizar y utilizar montones de combinaciones de teclas. Así que, para solucionar esta carencia, aquí encontrarás un listado con los más frecuentes:

Atajos de teclado para editar contenidos en WordPress

(Ver nota sobre navegadores más abajo)

  • Ctrl + a = a (envolver el texto seleccionado con la etiqueta “a” (añadir un enlace)
  • Ctrl + u = ul (lista desordenada)
  • Ctrl + o = ol (lista ordenada)
  • Ctrl + l = li (elemento de lista)
  • Ctrl + p = publicar la entrada (o actualizarla, si ya estaba publicada)
  • Ctrl + b = strong (negrita)
  • Ctrl + q = blockquote (cita)
  • Ctrl + i = em (cursiva)
  • Ctrl + m = img (abrir cuadro para introducir la URL de una imagen)
  • Ctrl + c = code (envolver lo seleccionado con la etiqueta “code”)
  • Ctrl + e = cambio de modo (alternar entre modo visual y HTML)
  • Ctrl + w = borrar palabras completas hacia atrás
  • Ctrl + t = insertar la etiquieta “more”
  • Enter / Shift + Enter = En el editor visual, para pasar a un párrafo diferente basta pulsar la tecla “enter”, pero para introducir saltos de linea simples, tendremos que utilizar la combinación Shift + enter (este es con diferencia el error más típico cuando alguien empieza a utilizar el editor visual de WordPress)

Es una pena que no se puedan añadir mediante atajos de teclado etiquetas de titulos (h1, h2…), párrafos, bloques (div) y otras etiquetas HTML desde el editor de código, pero al menos con los de esta lista conseguiremos ser un poco más independientes del ratón.

Nota sobre navegadores

Haciendo pruebas rápidas con varios navegadores, veo que desgraciadamente cada uno responde de manera diferente a estas combinaciones de teclas:

  • En Firefox/Mac: Ctrl + letra
  • En Safari/Mac: solo funcionan algunos
  • En Chrome/Mac: solo funcionan algunos
  • En Firefox/Windows: Shift + Alt + letra
  • En Chrome/Windows: Algunos con Ctrl + letra y otros con Shift + Alt + letra
  • En Internet Explorer/Windows: Alt + letra abre la etiqueta y Shift + Alt + letra cierra la etiqueta

Si conoces algún otro atajo de teclado que no esté listado aquí, no dudes en compartirlo en los comentarios.

Foto: Laptop work, by sqback

Comentarios

  1. Alberto

    Buenas tardes.
    Acabo de leer su artículo sobre atajos de teclado para el editor de WordPress. Estoy haciendo un curso a distancia sobre este CMS y, debido a mi ceguera total, me veo en la obligación de tener que usarlos (los ciegos no trabajamos con ratón al no ver por dónde se mueve el puntero en la pantalla).
    Necesitaba saber si existe alguno para poner la sangría por puntos, y otro para ponerla por números en el editor visual, ya que no lo encuentro. Si lo ha localizado y me lo puede facilitar, le estaría muy agradecido.
    Un cordial saludo,
    Alberto.

  2. Daniel

    Hola Alberto. Los atajos de teclado para crear listas desde el editor visual de WordPress son:

    ALT+SHIFT+U: Lista desordenada
    ALT+SHIFT+O: Lista ordenada

    Cuando se pulsan estas combinaciones se entra en el modo de lista, por tanto para pasar al siguiente punto basta pulsar la tecla Enter.

    Para salir del modo de lista, hay que pulsar dos veces la tecla Enter.

  3. Alberto

    Gracias, Daniel. Me has sido de gran ayuda para esto. Un saludo.

  4. Atika

    También tienes:
    CTRL+1 = Título 1
    CTRL+2 = Título 2
    y así sucesivamente…

    CTRL + 9 = Dirección
    ———————————–
    Alt+Shift+
    n = comprueba ortografía
    j = justificar texto
    d = subrayado
    u = Lista sin ordenar
    o = Lista ordenada
    q = cita
    w = modo escritura sin distracciones
    p = inserta etiqueta de salto de página
    i = aliea texto a la izquierda
    c = alinear texto al centro
    r = Alinear texto a la derecha
    a = insertar enlace
    s = borrar enlace
    m = insertar imagen
    t = insertar etiqueta más (more)
    h = ayuda

Y tú qué opinas?

Las URLs se convertirán en enlaces automáticamente. Tu dirección de email no se publicará ni se utilizará para enviar ningún tipo de información. Los mensajes que no aporten nada al tema que se trata en esta entrada se borrarán. Las imágenes que aparecen al lado de cada autor utilizan el servicio de Gravatar. Recuerda que puedes usar etiquetas HTML como <a href>, <code>, <em> o <strong> en los comentarios.

(necesario)

(opcional)