En realidad el blog está preparado para dispositivos móviles (tabletas, teléfonos) desde hace ya tiempo, pero solo en teoría. Instalé el plugin WordPress Mobile Edition que aplica un tema (skin) diferente al blog cuando se detecta que el visitante está usando algún dispositivo mobil para acceder al blog y que adapta los contenidos a una resolución y a una descarga de datos más pequeña. El problema es que teniendo el blog tan hackeado a todos los niveles el aspecto era descuidado ya que se aplicaban estilos y funciones que fuera de la “piel standard” no funcionan.
Lo voy solucionando. He incluido un par de funciones que buscan imágenes en los apuntes y dependiendo de donde procenden (flickr/google por ahora) las reemplaza por su versión de resolución baja.
La url para Flickr sigue más o menos este esquema (más o menos porque ha cambiado en los últimos años por lo que fotos antiguos tendrán otro patron)
http://farm1.staticflickr.com/93/245363225_5d9407692f_m.jpg
En la url de Flickr la última m define el tamaño de la imagen, las opciones son (de menor a mayor) si no recuerdo mal: s,t,m,b,z,o.
La siguiente expresión regular me permite reemplazar las imágenes publicadas en el blog y reemplaza su link a la galería por un enlace a una imágenen mediana:
(<a[^>]*>)?(<img[^>]*)(http:\/\/farm[0-9]\.static\.?flickr\.com\/[0-9]*\/)([0-9]*_)([0-9a-zA-Z]*)(_[a-z])?\.(jpg|png)([^>]*\/?>)(<\/a>)
Idem para las imágenes alojadas en los servicios de Google/Picassa/Blogspot, el patrón vendría a ser algo como: Sigue leyendo…
