Crazymen.net

WP-Syntax 0.9.2, insertar código fuente en WordPress con diseño

Al meter el código en la entrada anterior no me gustaba como se mostraba el código fuente, así que busque un plugin para ello, encontré el WP-Syntax 0.9.2 y me gusto.

Para instalarlo 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 administración de nuestro WordPress, pinchamos en “Plugins” y activamos WP-Syntax.

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

<pre lang="LANGUAGE" line="1"> Código fuente</pre>

Cambiamos donde pone Código fuente y metemos el código que queramos mostrar y también cambiamos la palabra LANGUAGE por la del lenguaje de programación 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