Dando color al código de tus posts

Llevaba mucho tiempo buscando algún sistema para mostrar código en los post de WordPress, y es que los códigos habituales incluidos en el panel de escritura no servían en todas las ocasiones. Hay veces incluso que he optado por incluir el código en modo de captura de imagen cuando ni code ni pre, ni textarea me servían.

camiseta geek codigo

El problema es que en ocasiones WordPress no sabe distinguir cuando un código está siendo mostrado para ser visto o para ser ejecutado, y hay ciertos comandos, normalmente los susceptibles de ser incluidos en el loop de contenido o de comentarios, que no se adaptan bien a ser incluidos en una entrada.

Y en un blog como Ayuda WordPress, que en muchas de las entradas ofrecemos código para ser copiado por el lector para modificar sus plantillas o añadir funciones, necesitaba algo que permitiera mostrar código sin que este interfiriera con la presentación del blog.

Pues bien, la búsqueda terminó porque encontré WP-Syntax, un plugin basado en Ghesi (Generic Syntax Highlighting) que no solo te facilita el modo de incluir código en tus entradas sin que trate de ejecutarse sino que lo hace del modo mas elegante y visualmente atractivo posible.

El proceso para instalarlo es igual de sencillo que cualquier otro plugin, si me apuras mas porque no tienes una ventana de opciones de configuración ni nada parecido. Solo tienes que descargarlo, descomprimirlo y subir la carpeta “wp-syntax” a “wp-content/plugins” de la instalación de tu WordPress.

A partir de ahí solo tienes que tener en cuenta el procedimiento para insertar código en tus posts:

1. Debes tener presente de que tendrás que usar el modo HTML de tu editor para que funcione.

2. Luego tienes dos modos de incluir código en tus posts:

  • Con numeración de líneas: <pre lang="LANGUAGE" line="1">TU CODIGO</pre>
  • Sin numeración de líneas: <pre lang="LANGUAGE">>TU CODIGO</pre>

Donde “LENGUAJE” es el nombre del lenguaje de programación cuyo código vas a incluir, ya sea php, html, xml, xhtml, bash, java, ruby, y muchos mas que están soportados; tienes la lista completa en la barra lateral de esta página, donde pone “supported languages”. Y si no indicas ningún lenguaje por defecto es PHP.

Los efectos que puedes conseguir son como en este ejemplo:

PHP (wp-config.php)

Así que ya sabes, si sueles incluir código en tus posts para mostrarlo a otros este es uno de los mas efectivos, aunque no perfecto porque incluye espacios extra. Seguiremos buscando.

AVISO: esta publicación es de hace dos 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.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (sin valoración aún)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Pin It on Pinterest

Share This