WordPress: Mostrar código fuente coloreado

Ya llevo un tiempo usando WordPress, para este blog, y para otras historias… y cada vez me gusta más. Creo que puedo decir que es una de las aplicaciones web que más me han impresionado.

Aprovechando que he estado de mudanza, para ubicar el blog en este nuevo dominio propio, con hosting propio (gratuito, nixiweb.com, muy recomendable) e instalación de wordpress 3.4 en el mismo, he buceado en algunas de sus geniales características y plugins disponibles… Así que conforme vaya usando algunas de ellas, voy a ir anotando mi experiencia en distintas entradas.

En esta voy a comentar como habilitar una funcionalidad que solemos usar mucho los que nos dedicamos a la programación en sus múltiples facetas, cuando creamos entradas en las que queremos mostrar código fuente para ejemplificar algo.

Ejemplo del ejemplo (en c#):

public class Sample
{
    public string Hello(string yourName)
    {
        return (string.Format("Hola {0}", yourName));
    }
}

¿Qué hace falta para que se vea el trocito de código anterior tan bonito?

  1. Instalar el plugin SyntaxHighlighter Evolved
  2. Utilizar el shortcode “sourcecode” de la API de shortcodes de WordPress para envolver el código fuente, de forma que quede como se muestra en la imagen a continuación. Recomendación: Realizar esta operación desde la pestaña HTML del editor, para evitar saltos de línea y problemas con la tabulación, sobre todo al pegar el código.

SourcecodeShortCodeUsage

Eso es todo, nada de complicaciones. Solo queda comentar que soporta la colorización de bastantes lenguajes de programación (algo más de información aquí):

    • actionscript3
    • bash
    • clojure
    • coldfusion
    • cpp
    • csharp
    • css
    • delphi
    • erlang
    • fsharp
    • diff
    • groovy
    • html
    • javascript
    • java
    • javafx
    • matlab (keywords only)
    • objc
    • perl
    • php
    • text
    • powershell
    • python
    • r
    • ruby
    • scala
    • sql
    • vb
    • xml
Etiquetado con: ,

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*