Tarea para el fin de semana: aprende Markdown

odio markdown wordpress

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:

 MarkdownResultado
É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: ![Alt](/wp.png "Título")

El texto “Alt” (texto alternativo) hace que las imágenes sean accesibles para personas con dificultades visuales

Logo: Alt
Imágenes con referencia
Logo más pequeño: ![Alt][1]

[1]: /wp-smaller.png "Título"
Logo más pequeño: Alt text
Imágenes enlazadas
Logo enlazado: [![texto alt](/wp-smaller.png)]
(http://es.wordpress.org/ "Título")
Logo enlazado: alt text
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í.


  1. Lo que digo 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
  • Item
  • Item
  • Item
  • Item
Listas numeradas
1. Item
2. Item
  1. Item
  2. Item
Listas mixtas
1. Item
2. Item
   * Mixed
   * Mixed  
3. Item
  1. Item
  2. Item
    • Mixed
    • Mixed
  3. Item
Citas
> Texto citado.
> > Texto citado.

> * Citado 
> * Lista

Texto citado.

Citado cita.

  • 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
```
1
2
3
Esto es un
trozo de código
en un bloque
1
Esto también
Resaltado de sintaxis
```css
#button {
	border: none;
}
```

Visita Posting Source Code para ver los lenguajes soportados

1
2
3
#button {
    border: none;
}
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
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.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(3 votos, promedio: 5)

¿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.

9 comentarios en “Tarea para el fin de semana: aprende Markdown”

  1. 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.

    1. 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 🙂

  2. Alessandro Degiusti

    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 😉

      1. Alessandro Degiusti

        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. 😉

  3. 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.

    1. 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.

Deja un comentario

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

 

Ir arriba Ir al contenido