Seleccionar página

Formatear código en WordPress con el plugin Crayon Syntax Highlighter

miércoles, 26 marzo 2014 | WordPress | 1 Comentario

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

1 Comentario

  1. David

    Hola Luis,
    He instalado el plugin de Crayon para insertar unas líneas de código en mi entrada de mi blog pero me muestra la entrada en blanco y no sé porqué… ¿Te ha pasado alguna vez? ¿Es alguna mala config por mi parte?

    Gracias de antemano!

    Responder

Deja un comentario

Entradas relacionadas

¿Qué es WordPress?

¿Qué es WordPress?

WordPress es el sistema ideal para los principiantes, para usuarios avanzados o para los que no tienen demasiados conocimientos técnicos.

A %d blogueros les gusta esto: