16
Jun 08

Resaltar el código en nuestros posts

Guardado bajo la categoría: Plug-ins, Wordpress

Hoy mientras preparaba un tutorial (el cual pienso públicar en los proximos días) me di cuenta que mí Wordpress no contaba con un plug-in que resaltara los diferentes códigos que estaba mostrando como ejemplo. En base a dicho acontecimiento decidi armar esta lista con un poco más de diez extensiones que pueden ser de utilidad para aquellos bloggers que deseen mostrar fragmentos de códigos en sus post.

Y después de navegar un rato por el repositorio de plug-ins de Wordpress seleccione estas 14 extensiones:

  1. Highlight Source Pro
  2. Google Syntax Highlighter for WordPress
  3. WP-Syntax
  4. CodeColorer
  5. SyntaxHighlighter
  6. SyntaxHighlighter Plus
  7. WP-CodeBox
  8. WP Chili
  9. CodePress Plugin for WordPress
  10. Code Snippet
  11. Code Markup
  12. Snippet Highlight
  13. Highlightr
  14. CodeHighlighter

Todas estos plug-ins cumplen la función que buscábamos. La diferencia entre ellos es básicamente la cantidad de lenguajes de programación que soportan y la forma de mostrarlos, algunos usan la etiqueta <pre>, otros usan listas ordenadas con <ol> y otros usan la etiqueta <code>.

Yo elegi el primero de la lista, Highlight Source Pro, es muy fácil de usar y de editar. Anda perfecto en la mayoría de los navegadores (IE5.5+, FF, Safari, Opera) y soporta multiples lenguajes de programación como PHP, XHTML, CSS, JavaScript entre otros ya que usa GeSHi para remarcar la sintaxis del código.

Sí conocen algún otro plug-in y quieren que lo agregue a la lista pueden dejar la URL en un comentario y con gusto será añadido.

Tags: , , ,

7 Comentarios

  1. j0an Junio 17, 200811:21

    vos sabes que lo estuve buscando mucho tiempo, pero sin exito, y te iba a preguntar como lo hacias en freakgroup

    ahora ya esta :D

    graciass!

  2. Diego Peralta Junio 17, 200816:45

    De nada! Al final ¿cúal elegiste? A mí el que más me gusto fué Highlight Source Pro. En Freak Group usaba CodeHighlighter que era bastante simple.

  3. barbie Junio 18, 200815:27

    Qué linda te quedó la página. Te amo mi amor, te veo más tarde :)

  4. Diego Peralta Junio 18, 200820:00

    @barbie: gracias mi amor ♥

  5. Angelfire Junio 26, 200823:05

    Yo uso el iG:Syntax Hiliter, no se si fue que le cambiaste el nombre o que, en tu lista no lo vi, llevo mucho tiempo usandolo y no he tenido problemas, pero probaré el que recomiendas ;)

  6. Carlos Leopoldo Junio 26, 200823:57

    Yo después de buscar y probar muchos opté por crear mi propio plugin usando Chili que es una fantastica librería de jQuery: aquí te dejo el enlace de cómo logré resaltar automaticamente el código PHP, CSS, HTML, etc.

    Por cierto felicidades por el nuevo Blog! ya lo agregué a mis Feeds.

  7. Diego Peralta Junio 27, 20089:24

    @Carlos Leopoldo: La verdad que no lo conocia, lo voy a probar y después te comento que me parecio.

3 Trackbacks

  1. Plugins para resaltar código en nuestros posts | unblogged. A blog about nothing. Yeah, nothing
  2. 14 plugin per inserire il codice web all’interno di un post Wordpress! - Geekissimo

Deja tu opinión acerca del artículo

Datos Personales



Tu Opinión