Cómo añadir código embebido dentro de nuestros post en WordPress

Instalando el siguiente plugin y con muy poco trabajo podemos incorporar fragmentos de código para mostrar a nuestros lectores.

http://alexgorbatchev.com/SyntaxHighlighter/

Una vez instalado, será tan sencillo como escribir el tag

[ c o d e    l a n g u a g e = ” j a v a s c r i p t ” ]

A continuación nuestro código a mostrar y despues cerrar con [/code]

Nota: Se han incluido espacios extras entre las letras de la sentencia anterior para evitar que se interpreten en el post.

Evidentemente soporta mas lenguajes a parte de javascript. Con cambiarlo con uno de la lista de permitidos será suficiente.

Debe escribirse en la parte HTML de nuestro editor, no en la visual, ya que si no, el propio editor de WordPress se confundirá y corromperá el resultado.

El siguiente fragmento:

 

sintaxisplana

 

 

 

 

 

 

generará el siguiente resultado:

 

var canvas = document.getElementById("canvas");
var c = canvas.getContext("2d");
c.fillStyle = "blue";
c.roundRect(50, 100, 50, 100, {upperLeft:10,upperRight:10}, true, true);

 

En la web de Alex Gorbatchev podeis encontrar los lenguajes admitidos y como crear los que necesiteis.