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:
| Markdown | Resultado | |||||
|---|---|---|---|---|---|---|
| Énfasis | *Cursiva* _cursiva_ **Negrita** __Negrita__ | 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]. [1]: http://sitio.es/ "Título" [2]: "Título" The reference section can be anywhere in the document | 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] [1]: /wp-smaller.png "Título" | 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í. [^1]: Lo que digo 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 con dos espacios o más. | Termina una línea con dos espacios o más. | ||||
| Listas de viñeta | * Item * Item - Item - Item |
| ||||
| Listas numeradas | 1. Item 2. Item |
| ||||
| Listas mixtas | 1. Item 2. Item * Mixed * Mixed 3. Item |
| ||||
| Citas | > Texto citado. > > Texto citado. > * Citado > * Lista |
| ||||
| Preformateado | 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. | 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 | ~~~~ Esto es un trozo de código en un bloque ~~~~ ``` Esto también ``` |
| ||||
| Resaltado de sintaxis | ```css
#button {
border: none;
}
```Visita Posting Source Code para ver los lenguajes soportados |
| ||||
| Cabeceras | # Cabecera 1 ## Cabecera 2 ### Cabecera 3 #### Cabecera 4 #### ##### Cabecera 5 ##### ###### Cabecera 6 ###### Las almohadillas de cierre son opcionales en todos los niveles | Cabecera 1 Cabecera 2 Cabecera 3 Cabecera 4 Cabecera 5 Cabecera 6 | ||||
| Listas de definición | WordPress : Una plataforma de publicación semántica personal Markdown : Herramienta de conversión de Texto-a-HTML |
El formato de este tipo de listas de definición varía de un tema a otro | ||||
| Abreviaturas | Markdown convierte texto a HTML. *[HTML]: HyperText Markup Language 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é, se ve mal por el ancho estrecho del tema pero, abre el lector de Safari, añádelo a Pocket 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!
AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)
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.