08
Jun

Cómo insertar código fuente en tus entradas de WordPress

La semana pasada terminé mi serie sobre bloqueos y transacciones con EJB3.1 y JPA2. Uno de los motivos por los que tardé tanto en concluirla fue que no conseguí hacer funcionar correctamente ningún plugin para incrustar código fuente en los artículos de WordPress.

Si, siempre quedaba la última opción: copiar el texto y grabarlo como preformateado, pero eso, básicamente, sólo implicaba cambiar la fuente y el tamaño del texto.

Afortunadamente para mi y los lectores de este blog, el amigo Alberto Peña acudió al rescate y me aconsejo que utilizara los Gist de gitHub para solucionar el problema.

¿Que qué eso de un Gist? Pues una forma muy sencilla de compartir fragmentos de código con otros. La forma de utilizarlos es muy sencilla:

  1. Lo creas, copiando y pegando el código que quieras compartir
  2. Lo guardas
  3. Utilizas el código que te proporcionan para utilizarlo en cualquier sitio

Sencillo ¿verdad? Por supuesto, también puedes modificarlo en un futuro o incluso configurar las opciones de visibilidad del mismo.

Para poder utilizarlo en tu blog de WordPress, sólo hay que seguir los siguientes pasos:

  1. Instalad este hack del plugin de Paul William
    • Cread un subdirectorio que se llame /gistson
    • Grabad el Gist del enlace del hack como gistson.php dentro del subdirectorio anterior
    • Copiad el subdirectorio dentro del directorio /wp-content/plugins de vuestra instalación de WordPress
    • Modificad el fichero header.php de vuestro tema de WordPress para que incluya este enlace a la CSS de los Gist dentro de la etiqueta <head>: <link rel=”stylesheet” href=”http://gist.github.com/stylesheets/gist/embed.css”/>
  2. Cuando queráis insertar un Gist con vuestro código en algún artículo utilizareis la siguiente notación: [gist id="X" nometa="true"] donde el id será el ID del Gist que hayáis creado y nometa indicará si queréis o no que incluya metadatos.

Como resultado obtendréis algo parecido a esto:

[gist id="422422" nometa="true"]

Facile e divertente…

Artículos relacionados:

  1. Cómo incrustar Flash en WordPress Por seguridad, Wordpress impide incrustar flash y objetos con la...


free blog themes
free blog themes