Lo que he aprendido: código en WordPress

Estaba escribiendo otra entrada cuando me he dado cuenta de que en el tiempo que llevo con esto del blog he aprendido varias maneras diferentes de incrustar código en WordPress, así que he decidido compartirlas con vosotros.

Para ver los diferentes estilos vamos a usar mi función favorita escrita en mi lenguaje de programación favorito: el factorial recursivo en Python [1].

A continuación os muestro cuatro maneras de insertar el código en WordPress: usando html, BBCode, Markdown y Gist.

Html

Esta es la primera opción que encontré, consiste en usar la etiqueta <code>. Simplemente escribimos nuestro código entre esas etiquetas:

<code>
def factorial(n):
    z=1
    if n>1:
        z=n*factorial(n-1)
    return z
</code>

y WordPress muy amablemente nos lo pinta así:

def factorial(n):
z=1
if n>1:
z=n*factorial(n-1)
return z

Es una opción elegante y sencilla pero no pone colorines y destruye la indentación (cosa que para Python es muy mala) así que decidí continuar la búsqueda [2].

BBCode

Lo siguiente que descubrí fue el BBCode, es una cosa parecida a html pero que pinta el código de lo más multicolor. Habría que hacer esto:

[code language="python"]
def factorial(n):
z=1
if n>1:
z=n*factorial(n-1)
return z
[/code]

Y daría este resultado:

def factorial(n):
    z=1
    if n>1:
        z=n*factorial(n-1)
    return z

De lo más chulo. Todo lo que necesitáis saber sobre esto está en la ayuda de WordPress en esta página.

Por cierto, si queréis escapar BBCode meted todo el bloque entre corchetes, me ha llevado un rato averiguarlo. También se ha cargado la indentación, todo hay que decirlo.

Markdown

Esta es mi opción favorita básicamente porque uso Markdown[3] para el formato de las entradas del blog desde hace un tiempo. Me resulta de lo más cómodo porque solo con el teclado puedo escribir el contenido y dar formato. Very convenient que dirían los ingleses. Aquí hay dos opciones: con la comilla simple se puede poner código dentro del texto (útil para cuando queremos hablar de una variable) y con comillas triples se pueden crear bloques de código.

Por ejemplo, `variable` se ve como variable y este trozo de código:

```python
def factorial(n):
z=1
if n>1:
z=n*factorial(n-1)
return z
```

Quedaría así:

def factorial(n):
    z=1
    if n>1:
        z=n*factorial(n-1)
    return z

Como veis el resultado es el mismo que usando BBCode.

Gist

Esta opción probablemente sea la más profesional de todas. Es especialmente útil para la gente con cuenta en GitHub aunque cualquiera puede usarlo sin necesidad de registrarse. Consiste en ir a Gist escribir lo que sea que queramos, decirle que lenguaje estamos usando y darle a crear un gist. Ahora copiamos la dirección del gist, la pegamos en el editor de WordPress y listo. También se puede poner el código del gist entre etiquetas en lugar de usar la dirección. Por algún motivo a mí solo me funciona esta segunda opción, es decir:

[gist]da9586e6c23f9d75698a[/gist]

que queda:

Que es muy cuco él y hasta tiene un corazoncito. La documentación la tenéis aquí.

Espero que os haya sido útil y que esta completa locura con los formatos, las etiquetas y la indentación haya merecido la pena. Me contáis y eso 😉

Notas

[1] Este ejemplo está cogido directamente de Rosetta Code, una página en la que se muestra la implementación de diferentes algoritmos en diferentes lenguajes.

[2] Podéis leer más sobre html aquí y aquí

[3] Empecé a usar Markdown cuando descubrí su existencia en GitHub. Aquí tenéis una recopilación de recurso de Markdown con unas chuletillas de lo más elegante.

Anuncios

2 pensamientos en “Lo que he aprendido: código en WordPress

  1. Pingback: Lo que he aprendido: recetas en WordPress | Onda Hostil

¡Opina sin miedo! (Puedes usar Markdown)

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s