Crazymen.net

WP-Syntax 0.9.2, insertar codigo fuente en WordPress con diseño

Al meter el codigo en la entrada anterior no me gustaba como se mostraba el codigo fuente, asi que busque un plugin para ello, encontre el WP-Syntax 0.9.2 y me gusto.

Para instarlo hay que bajarse el plugin desde WP-Syntax y meter la carpeta wp-syntax dentro de nuestro WordPress en el directorio wp-content/plugins, una vez hecho esto entramos en la administracion de nuestro WordPress, pinchamos en “Plugins” y activamos WP-Syntax.

Ahora cada vez que escribamos una entrada en nuestro blog y queramos meter codigo, cambiamos el modo de Visual a HTML, usamos el codigo de esta manera:

<pre lang="LANGUAGE" line="1"> Codigo fuente</pre>

Cambiamos donde pone Codigo fuente y metemos el codigo que queramos mostrar y tambien cambiamos la palabra LANGUAGE por la del lenguaje de programacion que queramos usar, los lenguajes que soporta son:

abap, actionscript, actionscript3, ada, apache, applescript, aptsources, asm, asp, autoit, avisynth, bash, bf, blitzbasic, bnf, boo, c, cmac, caddcl, cadlisp, cil, cfdg, cfm, cobol, cpp-qt, cpp, csharp, css, d, delphi, diff, div, dos, dot, eiffel, email, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, lolcode lotusformulas, lotusscript, lscript, lua, m68k, make, matlab, mirc, mpasm, mxml, mysql, nsis, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, providex, python, qbasic, rails, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, winbatch, xml, xorg_conf, xpp, z80

Asi que si queremos por ejemplo usar codigo PHP, pondremos:

<pre lang=”php” line=”1″>
<?php
print(“Hola mundo !!!”);
?>
</pre>

Y el resultado que obtendriamos seria este:

1
2
3

<?php
print("Hola mundo !!!");
?>

El atributo line=”1″ es para que se muestre el numero de cada linea en la parte izquierda del codigo, si usaramos <pre lang=”php”> nos saldria asi:

<?php
print("Hola mundo !!!");
?>

En la pagina web del plugin podremos encontrar mas atributos para usar. Como complemento dire que si el diseño del codigo no nos gusta podemos cambiarle los colores en la hoja de estilo del WP-Sintax, se encuentra en …/wp-syntax/wp-syntax.css