Cómo ya sabrás, una de las novedades de JetPack, hace tiempo incorporada también en los blogs de WordPress.com, es el Markdown, o sistema de marcado «sencillo» que permite dar formato a textos sin necesidad de usar HTML ni los maravillosos botones del editor visual WYSIWYG (qué cosas).
Pues bien, a pesar de que personalmente no me gusta el Markdown porque me parece un atraso, una distracción y no sé cuantas cosas más, hay gente a la que le puede hacer un apaño, por ejemplo:
- Si tu administrador de WordPress te ha inhabilitado el editor visual y quieres aplicar formatos de manera más sencilla que con HTML
- Si usas habitualmente el editor HMTL pero hay formatos que se te atragantan y quieres conocer un modo más sencillo de aplicarlos.
- Si eres un friki que echa de menos usar asteriscos, almohadillas y esas teclas viejunas para editar texto.
- Si quieres sorprender a los amigos escribiendo en Markdown.
Si estás en estos supuestos anteriores, o algún otro que se te ocurra, entonces activa el nuevo módulo, Markdown es para ti, y debes conocer la sintaxis básica para empezar a crear textos con marcadores raritos. Así que apunta las marcas más habituales y útiles de Markdown:
| Elemento | Markdown | Resultado | ||||
|---|---|---|---|---|---|---|
| Énfasis | *Cursiva* _cursiva_
|
Cursiva Negrita |
||||
| Enlaces | Un [enlace](http://sitio.es "Título")
Los navegadores mostrarán el título al pasar el cursor |
Un enlace | ||||
| Enlaces con referencia | Algo de texto con [un enlace][1] y otro [enlace][2]
La sección de referencia puede estar en cualquier parte del documento |
Algo de texto con un enlace y otro enlace | ||||
| Imágenes | Logo: 
El texto «Alt» (texto alternativo) hace que las imágenes sean accesibles para personas con dificultades visuales |
Logo:  |
||||
| Imágenes con referencia | Logo más pequeño: ![Alt][1]
|
Logo más pequeño:  |
||||
| Imágenes enlazadas | Logo enlazado: [] (http://es.wordpress.org/ "Título") |
Logo enlazado: |
||||
| Notas al pie | Tengo más [^1] que decir aquí
Las notas al pie se añaden al fondo de la página, con un enlace de vuelta a la referencia original |
Tengo más 1 que decir aquí
|
||||
| Saltos de línea | Termina una línea |
Termina una línea con dos espacios o más |
||||
| Listas de viñeta | * Item* Item- Item- Item |
|
||||
| Listas numeradas | 1. Item |
|
||||
| Listas mixtas | 1. Item* Mixto |
|
||||
| Citas | > Texto citado> * Citado |
|
||||
| Preformateado | Empieza cada línea con |
Empieza cada línea con dos espacios o más para hacer que el texto se vea e x a c t a m e n t e como lo tecleas. |
||||
| Código | `Esto es código` |
Esto es código |
||||
| Bloque de código | ~~~~ ``` |
|
||||
| Resaltado de sintaxis | ```cssVisita Posting Source Code para ver los lenguajes admitidos |
|
||||
| Encabezados | # Encabezado 1Las almohadillas de cierre son opcionales en todos los niveles |
Encabezado 1Encabezado 2Encabezado 3Encabezado 4Encabezado 5Encabezado 6 |
||||
| Listas de definición | WordPress
|
El formato de este tipo de listas de definición varía de un tema a otro |
||||
| Abreviaturas | Markdown convierte texto a HTML. *
Las definiciones pueden ir en cualquier lugar del documento |
Markdown convierte texto a HTML. |
¿Hay más?, un montón, pero seguro que pocas más que estas vas a utilizar. De todos modos, si quieres aprender más tienes la relación completa aquí.
Nota: lo sé, en algunos navegadores se ve mal la tabla, por el
anchoestrecho del tema o lo que sea, si te pasa abre el lector de Safari o suscríbete al RSS para no tener estos engorros.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
Creo que tanto markdown ha estropeado tu barra lateral :-/
Yo debo ser el raro que no tiene en su cabeza perfectamente estructurado el post y donde van las negritas, las cursivas… Y lo formatéo una vez escrito.
jeje, eso es la tabla
Yo también de siempre primero escribo el texto, los formatos al final, ya sea WYSIWYG o HTML. Son costumbres de viejunos, de usar procesadores de texto antiguos, en los que se funcionaba así, si o si 🙂
Markdown es usado en AnchorCMS, que en un futuro le puede dar pelea a Wordpress. Yo lo estoy probando en local, y cuando vi que no tiene editor visual, recorde que habias echo esta guía.
Gracias Fernando 😉
PD: No voy a dejar Wordpress, solo pruebo alternativas 😉
Está muy bien pero no es para humanos aún ¿has probado Ghost? 🙂
Si, lo probé, y es muy bueno. El problema es que Ghost, al estar hecho en Node.js es necesario un VPS para instalarlo.
De todas formas espero que tanto AnchorCMS como Ghost incluyan un editor visual. 😉
La verdad es que a mi me resulta muy cómodo escribir con este tipo de lenguajes, y me gustaría saber si hay forma de usarlo en las entradas de Wordpress, no consigo encontrarla.
Gracias por este sitio.
En el editor de bloques no funciona 🙁
Pues tendrán que arreglarlo!
Un lector común y corriente no esta de acuerdo contigo. Lo único que se me pasa por la cabeza en este instante es que vienes de comunidades libres de la vieja escuela jeje donde adornabas tu mismo los textos con aquellos códigos bb que por cierto en phpBB aún están. Y apropósito, los códigos BB me encantan, el Markdown no me entra tanto en la cabeza.