Escribe código fuente en Wordpress

Tutorial Wordpress




A lo largo del tiempo que llevo manteniendo este blog me ha surgido en determinadas ocasiones la necesidad de escribir código fuente de algún lenguaje, fundamentalmente HTML. Sin embargo, la visualización de éste no era demasiado estética y me costaba demasiado lograr un aspecto visual aceptable.

Pero, como para casi todo, Wordpress dispone de un plugin fabuloso mediante el que poder escribir código fuente de multitud de lenguajes, resaltando colores y mostrando números de línea.

El plugin al que me refiero se llama iGSyntax Hiliterel y es el responsable del siguiente código escrito en Ruby:

RUBY:
  1. class Test
  2.     def Test.sayHello
  3.         puts "Hello from #{name}"
  4.     end
  5.     sayHello
  6. end

Pero además de poder escribir código en Ruby, este plugin tiene soporte para multitud de lenguajes como: ActionScript (as), ASP (asp), C (c), C++ (cpp), C# (csharp), CSS (css), Delphi (delphi), HTML (html), Java (java), JavaScript (js), MySQL (mysql), Perl (perl), PHP (php), Ruby (ruby), Smarty (smarty), SQL (sql), Visual Basic (vb), VB.NET (vbnet), XML (xml) y un modo genérico para el resto de lenguajes existentes (code).

Para ello, lo único que debes hacer es encerrar el código fuente entre dos etiquetas del tipo [codigo] y [/codigo], donde codigo representa a la palabra entre paréntesis mostrada al lado de cada uno de los lenguajes presentados anteriormente.

Instalación

Los pasos que ebes seguir para instalar el plugin son los siguientes:

  1. Descarga el plugin de la web del creador
    http://blog.igeek.info/wp-plugins/igsyntax-hiliter/
  2. Descomprime el archivo descargado iG_Syntax_Hiliter.zip y copia el contenido de la carpeta ig_syntax hiliter plugin al directorio de plugin de tu WordPress. Atención, no debes copiar la carpeta, únicamente su contenido
  3. Accede a la página de administración de tu WordPress y en la sección de Plugins, activa iGSyntax Hiliter.
  4. Por último, si lo deseas, puedes configurar el plugin para que indique o no el lenguaje en que está escrito el código fuente, para que indique o no el número de línea, para modificar el coloreado...

Bueno, me temo que ya no tienes escusa para incluir código debidamente formateado y coloreado en tus artículos para casi cualquier lenguaje.

Compártelo   Suscríbete!!

Seguro que también te interesa

5 Comentarios ↓

  • SkAsI el 26 de Marzo de 2007 a las 0:24

    Hecho en falta Python, sobre todo incorporando Ruby al lote. Y no me vengas con el tema del código genérico, debería ser un modo exclusivo ;).

  • Jaluro el 26 de Marzo de 2007 a las 8:42

    Estaba esperando que saltases. Por supuesto que este plugin también permite la inserción de código en python.

    Lo único que has de hacer es encerrarlo entre las siguientes etiquetas: [python] y [/python].

    O sea que también es vuestro plugin, desarrolladores en Python, Skasi incluido.

    Ciao.

  • JAvier el 2 de Agosto de 2007 a las 21:02

    Lo intente utilizar y me marca que provoco un error fatal ¿alguna idea?

  • Jaluro el 14 de Agosto de 2007 a las 20:05

    Hola JAvier, podrías detallar los pasos que sigues para la instalación o los plugins que ya tienes instalados para ver si es un problema de incompatibilidad.

    En cualquier caso, te recomiendo que repases los pasos indicados, pues son los pasos recomendados por el creador del plugin.

    Ciao

  • Plugin de WordPress para Resaltado de Sintaxis el 12 de Abril de 2008 a las 16:13

    [...] Busque en Google y encontré la solución en instalaches.com [...]

Deja tu comentario

Por favor, no uses un lenguaje inapropiado, spam o cualquier otro tipo de conducta inadecuada. De lo contrario me reservo el derecho de eliminar y/o modificar aquellos comentarios que contengan algo de lo citado anteriormente.

:) xD :)) =)) ;) :p :( :(( #-o 8-| :-l :o :-? :-< :-s :^) m|-) m:| :s :$ (y) (n) /:) <:o) :)>- :-ss [-o< @:d/ ^:)^ m:d m:@ m:p m;) (h) :'( :mrgreen: (ap) (au) (ci) (co) (6) (&) (@) ~:> (8) (~) (g) (^) ~o) (h5) (yn) (pi) (pl) (l) (f) (k) (u) (w) 8-x :[ o-+ o-> o=>