Cómo Usar Markdown en WordPress

Categorias: Wordpress

Cómo Usar Markdown en WordPress

Si escribes habitualmente artículos en un sitio web hecho con WordPress, es posible que hayas buscado formas alternativas de picar texto y darle formato.

Por defecto, WordPress nos ofrece su propio editor de texto, desde donde podemos escribir y darle formato al texto al mismo tiempo o escribir todo el texto y luego añadir las negritas, enlaces, listados, etc…

Otros usuarios se encuentran más cómodo usando un editor externo tipo Microsoft Word, para escribir y dar formato. Luego hacen un copiar y pegar para llevarlo a WordPress.

En cualquier caso hay que estar cambiando entre el teclado y el ratón para poder darle formato al texto o hacer uso de los atajos de teclado,los cuales a veces son algo caóticos o incompletos.

Otra opción bastante popular entre algunos usuarios es usar Markdown.


Hosting Genérico


Qué es Markdown

Markdown es un sistema de marcado de texto muy sencillo de utilizar que ha conseguido hacerse un hueco entre los escritores habituales.

Una de las razones del éxito de Markdown es su curva de aprendizaje, casi inexistente y la sencillez de su uso.

Está pensado para escribir rápido y no perder el tiempo llevando el ratón de aquí para allá cuando queremos poner un texto en negrita o cursiva, crear un listado, un separador, etc…

Cualquier cosa que podemos hacer en HTML o al menos las más habituales, podemos hacerlo usando Markdown, pero de una forma mucho más sencilla y práctica.

Por lo general se usa para escribir texto que se va a publicar en web o esta era su utilidad al principio, pero desde hace mucho tiempo hay aplicaciones que pueden transformar un texto Markdwon en otros formatos, como PDF, ePub o incluso Microsoft Word.

Y es que cuando te acostumbras a escribir con Markdown, volver al sistema tradicional puede hacerse un poco cuesta arriba.

Cómo Funciona Markdown

El uso de Markdown está muy estandarizado, así que en casi todas las aplicaciones funciona de manera muy similar.

Se suele trabajar sobre un texto plano, donde se añaden caracteres especiales en el texto para ir dándole formato según escribimos.

Por ejemplo, si ponemos el símbolo # (almohadilla) delante de una frase, lo interpretará como un encabezado h1.

Si ponemos dos almohadillas (##) será un h2, tres almohadillas h3, etc…

Así que si estamos escribiendo y queremos poner un encabezado h2, sólo tenemos que escribir:

##Cómo Funciona Markdown

Que sería lo mismo que poner:

<h2>Cómo Funciona Markdown</h2>

O usar el ratón para seleccionar el texto y marcarlo como un encabezado h2.

Otro ejemplo muy común es el uso de las negritas o las cursivas.

Para poner un texto en negrita, sólo tenemos que poner el texto entre dos asteriscos y para ponerlo en cursiva, un asterisco:

....**esto es negrita**....
...*esto es cursiva*....

De la misma forma, podemos añadir citas, listados numerados o desordenados, enlaces internos y externos, añadir lineas de código en un bloque, separadores de texto y un largo etcétera.

Al principio puede parecer un poco engorroso, pero cuando te acostumbras a utilizarlo es muy intuitivo y si vuelves a escribir en un editor no Markdown, es posible que te resulte tosco y anticuado 🙂

Si quires ver todas opciones que te ofrece Markdown, sólo tiens que buscar en Google «sintaxix markdown» y encontrarás montones de listados con los marcados más comunes.

En la actualidad hay multitud de aplicaciones Markdown en cualquier sistema operativo, Windows, macOS, Android, Linux, etc…

Algunas serán gratuitas y otras de pago, pero hay muchas opciones, solo tienes que encontrar alguna que sea de tu agrado.

Cómo Escribir con Markdown en WordPress

No existe opción nativa para poder usar Markdown en WordPress, al menos en WordPress.org, que es el WordPress que puedes instalar en Hostinet.

Pero ya estarás imaginando, siempre tenemos soluciones de terceros para añadir funcionalidades en WordPress, en forma de plugin.

Jetpack con Función Markdown

logo jetpack WordPress

Quizás uno de los plugins más conocidos en WordPress sea Jetpack, si lo conoces un poco sabrás que se trata de una especie de navaja suiza con un montón de funcionalidades extra para WordPress.

El problema para muchos usuarios es precisamente esto, que tiene demasiados extras y aunque se pueden activar y desactivar al gusto, muchos prefieren otras opciones más específicas y puntuales, antes de instalar Jetpack.

Una de estas funciones es activar Markdown en los bloques del editor Gutenberg.

Para activarlo tenemos que ir a los ajustes de Jetpack y dirigirnos a la sección de Escritura.

En la subcategoría Creando veremos en seguida la opción de Escribe entradas o páginas con la sintaxis Markdown de texto plano que podemos activar con un simple deslizador.

jetpack markdown activar

Para poder usarlo, deberemos buscar el bloque markdown de Jetpack en el editor Gutenberg.

bloque markdown jetpack WordPress

En esto bloque podemos usar el marcado Markdown a nuestro antojo y disponemos de una Vista Previa para poder ver cómo va a quedar lo que escribimos, algo que los que empiezan con Markdown valoran mucho.

WP Githuber MD

WP Githuber MD WordPress

Otro plugin muy interesante para usar Markdown en WordPress es WP Githuber MD.

Este plugin transforma el editor de WordPress en un editor Markdown, como si de una aplicación externa se tratara, pero dentro del propio editor de WordPress.

El plugin es gratuito y puedes descargarlo desde aquí.

Una vez activado, podemos configurarlo para que active por defecto en:

configuracion githuber md en WordPress

Una vez configurado, sólo tenemos que crear un nuevo artículo o página para ver cómo trabaja con Markdown este plugin.

Veremos que el plugin separa el editor de WordPress en dos mitades.

En una escribiremos usando Markdown, mientras en la otra veremos cómo va a quedar.

Los botones clásico de edición de texto los seguiremos teniendo y van muy bien para empezar, ya que así se se puede visualizar el marcado con sólo pulsar un botón, ideal para que los principiantes empiecen a conocer el código de Markdown.

Con el tiempo puedes desactivar la visualización si te molesta y el plugin también viene con un conversor de HTML a Markdown, muy interesante para algunos usuarios.

githuber editor wordpress

En el menú Plugins> WP Githuber MD, puedes encontrar las opciones de configuración del plugin, aunque está todo en inglés y no tiene pinta de que se vaya a traducir en un corto espacio de tiempo, las opciones son bastante intuitivas.

Hosting WordPress SSD

Si necesitas un hosting para tu WordPress, te podemos recomendar algunos de los planes de Hosting WordPress SSD que ofrecemos en Hostinet.

Todos montan discos SSD, lo que es una ventaja, ya que se consigue una mayor velocidad de carga de la web y las peticiones a la base de datos son mucho más eficientes que con los discos tradicionales.

Además, si quieres podemos instalar WordPress por ti en tu hosting y también podrás emitir certificados SSL gratuitos para los dominios y subdominios alojados en tu hosting.

Hosting WordPress