Archivo de la etiqueta: wordpress

Actualizando a Wordpress 2.5

Despues de actualizar el gestor de mi otro blog, AC Log, acabo de actualizar este, igualmente a la última versión de WordPress, la 2.5. Esperemos que aquí funcione todo igual de bien.

El próximo paso sera funcionar ambos blogs, para no tener que estar actualizando en dos sitios diferentes y tenerlo todo integrado de manera que la frecuencia de publicación de entradas sea mayor.

Anuncios

Actualizando a Wordpress 2.5

Acabo de actualizar el gestor del blog, WordPress, a su última versión, la 2.5.
No se si todo funcionará correctamente, pero esperemos que si.

Lo que me acaba de dejar alucinado es que mi plugin GeoPositions, que fue creado inicialmente para la versión 1.2 de WordPress, todavía funciona a la perfección en el nuevo sistema.
Por ejemplo, probemos a introducir un enlace de posición, digamos el de mi ciudad natal: El Puerto de Santa María [GP:El Puerto].
No es por echarme flores, pero que bien que programo a veces, jajaja.

GeoPositions Plugin News

— English —
This month I will try to take up again the GeoPositions’ plugin development.
Some things that I want to include are:

  • WordPress 2.x compatibility
  • Other webmaps support
  • Button for easy position insertion
  • Add Muad´dib’s hacks on the official release

— Español —
Este mes voy a intentar retomar el desarrollo del plugin GeoPositions.
Entre las novedades que quiero incluir destacan:

  • Compatibilidad con WordPress 2.x
  • Soporte para otras webs de mapas
  • Botón para facil inserción de posiciones
  • Añadir los hacks de Muad´dib en la version oficial

GeoPositions v1.3

— English —
New update of the GeoPositions plugin.

Changelog:

  • Adds Geo meta tags to HTML header
  • Fixed Google Map (now it uses Google Maps API Key)

— Español —
Nueva actualización del plugin GeoPositions.

Lista de cambios:

  • Añade las meta etiquetas Geo a la cabecera HTML
  • Google Map corregido (ahora usa una clave Google Maps API)

“Zebreado” con CSS

Había visto antes varias soluciones para mostrar código fuente “zebreado” (alternando el color de fondo en cada linea) en las webs, pero ninguna me convencía del todo, más que nada porque se hacía uso de demasiado codigo HTML, usando, por ejemplo, diferentes clases CSS en cada linea de una tabla o en los elementos de una lista.
Así que se me ocurrió intentar conseguir lo mismo utlizando solo CSS, y aquí teneis el resultado.

Para utilizar este método, teneis que seguir los siguientes pasos:

  1. Crear una imagen de 1px de ancho y 32px (el doble de la altura de linea). Los 16px superiores los rellenareis de un color y los 16px inferiores de otro. (La que yo uso es esta: bg-code.png)
  2. (Re)Establecer los atributos CSS de la etiqueta <code> de la siguiente manera:
    code {
      display: block;
      white-space: pre;
      font-family: "Courier New", Courier, mono;
      font-size: 11px;
      line-height: 16px;
      background-image: url(bg-code.png);
      padding-left: 4px;
      overflow: auto;
    }
  3. Cada vez que vayais a poner algún codigo fuente en vuestra web, solo tendreis que englobarlo entre las etiquetas <code> y </code>

Si bien esa es la solución más semánticamente correcta ya que utiliza la etiqueta <code>, en muchos CMS (p.ej. WordPress) tendremos problemas con la misma, debido a que cuando escribimos algo los saltos de linea de texto (n) son automáticamente transformados en saltos de linea HTML (<br />)..
La solución (en WordPress) pasa por utilizar la etiqueta <pre> en vez de <code>, y crear una clase CSS asociada, que usaremos para presentar código fuente por pantalla, de forma que quedaría así:

pre.code {
  display: block;
  white-space: pre;
  font-family: "Courier New", Courier, mono;
  font-size: 11px;
  line-height: 16px;
  background-image: url(bg-code.png);
  padding-left: 4px;
  overflow: auto;
}

Comentar aparte, que si quereis cambiar la altura de linea (line-height), lógicamente tendreis que modificar también la imagen de fondo estableciendo el alto al doble del la altura de linea. Por ejemplo, para un line-height: 14px;, creareis una imagen de 28px de alto.

Preparando nuevos plugins para Wordpress

Tengo varios plugins para WordPress casi listos que verán la luz dentro de poco.

Uno de ellos ya lo podeis ver en funcionamiento en esta web, en las diferentes secciones de “enlaces, imágenes y videos relacionados” que aparecen en la barra lateral al visitar una entrada individual. Por ejemplo, podeis entrar en esta misma.
El nombre de este plugin será Shared Stuff, que alude a su funcionalidad, es decir, mostrar en el blog material compartido de diferentes gestores sociales de contenido.
Actualmente soporta Del.icio.us, Furl, Flickr, Buzznet y YouTube.

Otro plugin que estoy desarrollando servirá para modificar las plantillas de los e-mail de notificación, que se envian cuando alguien añade un nuevo comentario/pingback/trackback.

Por último, también publicaré un plugin genérico sobre el que baso todos los nuevos que estoy realizando, y que facilita la creación de los mismos.