Tanto si te dedicas a las publicaciones técnicas en WordPress como si esporádicamente publicas alguna entrada en tu blog que implique mostrar código de algún lenguaje de programación o texto formateado de determinada aplicación o plataforma, te habrás visto en la situación de que la etiqueta <code> se te queda pequeña.

Además de poder formatear este código en WordPress con etiquetas HTML, podemos hacer uso de plugins como HTML Editor Syntax Highlighter, iG:Syntax Hiliter y otros similares disponibles

Vamos a optar por el plugin Crayon Syntax Highlighter que además de tener un manejo muy sencillo para usuarios con poco conocimiento de HTML o etiquetado, es quizás uno de los mejores resaltadores de código que he conocido en WordPress.

Puedes leer la entrada ampliada que he publicado en el Blog de Webempresa desde el siguiente enlace.

Algunos ejemplos de código formateado:

XHTML:

<!DOCTYPE html>
<html>
<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>

Perl:

#! /usr/bin/perl -w
# Pinta los ultimos ficheros de un directorio
use Cwd;
$n= shift;

opendir(DIR,&cwd) or die "No se puede abrir el directorio $dirActual: $!n";
my @indice= readdir(DIR) or die "No se puede leer $dirActual: $!n";
closedir(DIR);

$n--;
for ($i= $#indice - $n; $i <= $#indice; $i++) {
  print &cwd . "/$indice[$i]n";
}

Shel UNIX:

#!/bin/csh 
#$ -S /bin/csh
#$ -cwd
echo "RUNNING USING INSIDE GRID-IBERO"
cal -3
sleep 300
uname -n
date
echo " End running program "

C:

/* sentencia simple */
x = y * 5 + sqrt(z);

	/* sentencia compuesta con llaves */
{
	a = b;
	b = x + 1;
	printf ( “hay %d productos”, num_prod );
}

	/* sentencias compuestas dentro de otras */
{
	{ x=1; y=2; }
	{ z=0; printf(“holan”); }
}

Y tu ¿tienes otras formas de formatear el código de tus post o artículos?, ¡¡cuéntanoslas!! 😉

Mis post en tu correo cuando se publiquen

Sin SPAM ¡Palabra!

Compartir es GRATIS ¿te animas?Tweet about this on TwitterShare on Google+5Share on Facebook3Pin on Pinterest1Email this to someone