Blog sobre desarrollo WordPress en Español Desarrollo WordPress en Español
wysiwyg

Shortcuts o atajos del teclado en el editor de WordPress

El editor WYSIWYG (What You See Is What You Get – lo que ves es lo que obtienes) de WordPress te permite usar Shortcuts o atajos de teclado para obtener código HTML como negritas, cursiva, encabezados <h1>…<h6>, code, listas , etc…

wysiwyg

  • Ctrl + c => Copiar
  • Ctrl + v => Pegar
  • Ctrl + x => Cortar
  • Ctrl + a => Seleccionar todo
  • Ctrl + z => Deshacer
  • Ctrl + y => Rehacer
  • Ctrl + b => Negrita
  • Ctrl + i => Cursiva
  • Ctrl + u => Subrayado
  • Ctrl + k => Insertar enlace

 

  • Alt + Shift + l => Alinear a la izquierda
  • Alt + Shift + j => Alinear justificado
  • Alt + Shift + c => Alinear centrado
  • Alt + Shift + r => Alinear a la derecha
  • Alt + Shift + u => Lista desordenada
  • Alt + Shift + o => Lista ordenada
  • Alt + Shift + a => Insertar link
  • Alt + Shift + s => Eliminar link
  • Alt + Shift + q => Añadir comentario
  • Alt + Shift + m => Insertar imagen desde la librería multimedia
  • Alt + Shift + w => Modo sin distracciones
  • Alt + Shift + t => Insertar etiqueta more
  • Alt + Shift + p => Insertar etiqueta page break
  • Alt + Shift + h => Ayuda
  • Alt + Shift + x => Abre/Cierra etiqueta code
  • Alt + Shift + 1 => Etiqueta H1
  • Alt + Shift + 2 => Etiqueta H2
  • Alt + Shift + 3 => Etiqueta H3
  • Alt + Shift + 4 => Etiqueta H4
  • Alt + Shift + 5 => Etiqueta H5
  • Alt + Shift + 6 => Etiqueta H6
  • Alt + Shift + 9 => Etiqueta address

 

Desde la versión 4.3 también disponemos de una serie de atajos según estamos escribiendo en el editor sin necesidad de recurrir a las teclas Ctrl ó Alt:

  • * => Lista desordenada
  • – => Lista desordenada
  • 1. => Lista ordenada
  • 1) => Lista ordenada
  • ## => Etiqueta H2
  • ### => Etiqueta H3
  • #### => Etiqueta H4
  • ##### => Etiqueta H5
  • ###### => Etiqueta H6
  • > => Transforma el texto en un comentario (blockquote)
  • — => Línea horizontal (Etiqueta <hr />)
  • .. => Transforma el texto en bloque <code>..</code>

 

Nota

Si no recordamos cualquiera de estos atajos, tenemos disponible la ayuda pulsando Alt + Shift + h ó haciendo click en el icono interrogación que aparece en la segunda fila de botones del editor.

wysiwyg ayuda

Puede que también te interese

Limita el tamaño en píxeles en la subida de imágenes
Limita el tamaño en píxeles en la subida de imágenes
¿Quien no se ha encontrado alguna vez con algún cliente o colaborador que sube imágenes a máxima resolución y calidad recién salidas de su cámara…
wp_options: ¿Qué es?, ¿Para qué sirve?, ¿Cómo se puede optimizar?, y ¿Cómo puedo hacer uso de ella?
wp_options: ¿Qué es?, ¿Para qué sirve?, ¿Cómo se puede optimizar?, y ¿Cómo puedo hacer uso de ella?
En este artículo vamos a ver qué es wp_options, para qué sirve y cómo optimizarla eliminando los rastros que van dejando algunos plugins y temas,…
Añade el código de Google Analytics a tus páginas AMP en WordPress
Añade el código de Google Analytics a tus páginas AMP en WordPress
Las páginas AMP cada día adquieren mayor importancia por su relevancia en los resultados de búsqueda en dispositivos móviles. Hace unos meses escribí un post…
Añade una clase CSS personalizada a tus meta boxes
Añade una clase CSS personalizada a tus meta boxes
En esta entrada vamos a ver como añadir una clase CSS a los meta boxes de WordPress. Utilizamos los meta boxes en WordPress para agrupar…