Archivo de la etiqueta: Wordpress

Lo que he aprendido: escribir en WordPress desde Emacs

Por fin, gentes mías, por fin puedo escribir los posts de este blog desde Emacs. Todo ello ha sido por la envidia hacia mi señor hermano que escribe en su blog desde su amado NeoVim. Yo no soy tan ultra friki profesional como él y no me he escrito mi propio cacharro de escribir, sino que he usado un modo ya existente: el modo Weblogger

Ya que estaba, también aproveché para cambiar de tener un archivo de configuración .emacs a una carpeta de configuración .emacs.d/ en la que metí el antiguo archivo de configuración renombrado como init.el y creé una carpeta extras/ que añadí al load path y en la que metí los modos que me he ido descargando.

Centrándonos ya en weblogger, solo tenemos que descargarlo junto con xml-rpc y cargarlo, bien desde el propio Emacs con:

M-x load-file RET ubicación

o desde el archivo de configuración (si está en el load path), añadiendo:

(require 'weblogger)

Podemos configurar para siempre las opciones haciendo:

M-x customize-group RET weblogger RET

Que nos escribirá las líneas correspondientes en el archivo de configuración de Emacs. Una cosa a tener en cuenta es la URL que hay que añadir, en mi caso, como escribo en un blog de WordPress tuve que poner la dirección del blog seguido de xmlrpc.php, pero esto varía según qué tipo de blog utilicemos:

https://ondahostil.wordpress.com/xmlrpc.php

Para empezar una nueva entrada hacemos:

M-x weblogger-start-entry

Si no hemos configurado nada nos pedirá una dirección, un usuario y una contraseña en ese momento.

A continuación, veremos algo con esta pinta:

Subject:
Keywords:
Date: 13 feb 2017 19:15:41 +0100
Newsgroup: Onda Hostil
--text follows this line--

Donde podemos escribir alegremente.

Para gestionar las entradas tenemos los siguientes comandos:

  • C-x C-s (weblogger-publish-entry) para publicar la entrada
  • C-c C-c (weblogger-send-entry) para guardar como borrador
  • C-c C-n (weblogger-next-entry) para subir la entrada sin publicarla y pasar a la siguiente
  • C-c C-p (weblogger-prev-entry) para subir la entrada sin publicarla y pasar a la anterior
  • C-c C-k (weblogger-delete-entry) para borrar la entrada

Una cosa curiosa es que trata a las entradas como si fueran emails y las ordena según la fecha, independientemente de que sean entradas publicadas, programas o borradores.

De momento ando jugando un poco con él, me deja publicar, crear borradores y acceder a las entradas que he escrito en el propio WordPress, me queda averiguar cómo se establecen las categorías y hacer que las etiquetas funcionen bien. Hasta me deja escribir en Markdown.

PD. Sí, sé que existe un modo que permite publicar desde org-mode pero no sé si tengo ganas de aprender org ahora mismo 😀

Referencias

Weblogger Mode en GitHub

Weblogger mode en Emacs Wiki

Caution: Blog Ahead por M I X Y vía Attribution Engine. Licencia CC BY-NC-SA.

Entre bambalinas: así se escribe este blog

He pensado que igual os interesa el proceso de escritura y personalización del blog, no es que tenga nada de especial pero tal vez yo haga algo de una manera que no conocíais o lo haga mal y me podáis ayudar a mejorar. Muchas de estas cosas ya las había contado, pero así están centralizadas.

Os voy a hablar de tres cosas: cómo escribo, cómo le doy el formato a las páginas y entradas y cómo he ido ampliando la barra lateral del blog ¡Pongámonos a ello!


Escritura

Lo primero que he de confesar es que escribo en la propia web, en el modo HTML. Es una vergüenza que una friki de Emacs como yo no se haya montado un tinglado para escribir desde ahí aun, lo sé. Lo investigaré, pero de momento paso de líos.

Ya conocéis mi afición a Markdown por su sintaxis supersimple así que, aparte de para escribir la tesis, también lo uso aquí. Si queréis activarlo, seguid estas instrucciones en la ayuda de WordPress. Ya me contaréis si mejora vuestra experiencia escribiendo, la mía la hace bastante más agradable.

Seguir leyendo

Lo que he aprendido: añadir un banner en WordPress

Hoy os traigo una cosa corta que he averiguado mientras buscaba nuevas maneras de ayudar al mundo. La cuestión es que quiero colaborar con Ingenieros sin Fronteras pero no me da la vida. De momento me he apuntado a su boletín y he añadido su banner al blog para que la gente que no conozca la organización y se pase por aquí lo vea y le dé por investigar. Ya sé que no es gran cosa, pero supongo que cada granito de arena cuenta.

Así que os voy a contar cómo se pone un banner en WordPress con el ejemplo de IsF por si queréis seguir mi ejemplo y darles un poco de difusión. Vamos a ello.


Lo primero que necesitamos es la imagen, que podemos descargar de aquí. Como podéis ver, yo he elegido el primero de ellos. También apuntamos el link recomendado, que en este caso es http://www.isf.es/acceso.php.

Ahora tenemos que ir a la zona de administradores del blog y crear un Widget de texto. Es decir, vamos a WP Admin > Apariencia > Widgets y decidimos dónde vamos a poner el Widget de texto. En mi caso estará en la barra lateral principal.

Ese widget tenemos que rellenarlo de html. Yo no tengo ni idea de html así que he hecho el truco del almendruco: empezar una nueva entrada, añadir ahí el banner y copiar el html generado (lo que pone en la pestaña texto) en el Widget.

Tenemos que acordarnos de escribir el link cuando subamos la foto, eso se cambia en las opciones de la imagen, en Enlazado a, aquí se ve:

wp

Se creará algo parecido a esto1 con vuestra imagen y vuestro blog lógicamente:

Eso lo pegamos en el Widget de texto recién creado y ya tenemos nuestro superbanner de Ingenieros sin Fronteras en el blog.

Hasta aquí hemos llegado, espero que no me uséis este nuevo poder para ponerme publicidad cutreras en el blog 😛

Referencias

Widgets en WordPress
Enlaces en imágenes en WordPress
Links en html


  1. Si sois hábiles podéis cambiar directamente este trocillo de html o hacerlo desde cero y luego me lo contáis. 

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.