Instalar gravatars2, avatares en tu wordpress
Hace un tiempo publiqué un tutorial para instalar el plugin gravatars, pues bien recomiendo otro plugin, gravatars2 y es el que uso actualmente en el blog.
¿Cuál es la diferencia del plugin gravatar y gravars2?
gravatars2 permite guardar los avatares de tus comentaristas en tu servidor.
¿Por qué usar gravatars2 en vez de gravatar?
Seguramente, los que hayan usado el plugin oficial gravatars, recordaran que hace dos meses, dejaron de funcionar los avatares.
El plugin gravatars2 es la solución ideal para que no dependas tanto del servidor de gravatars
GoTube 1.2, un poco más rápido
Ahora se carga un poco más rápido, gracias al expermiento CSS anterior
Resultados en firebug y borrando la caché en cada prueba:
Antes:
26 requests - 170 - KB - 6.61s
Después:
10 requests - 145 KB - 3.18s
Diferencia:
16 requests - 25 KB - 3.43s
Nueva característica:
Se muestra una descripción al pasar por encima de una pestaña, petición de Pablo

Nota: puedes activar o desactivar la ayuda en la pestaña configuración:

Nueva sección Hall of Fame (salón de la fama)

No me quiero poner todas las medallas, muchos de vosotros me habéis ayudado enviando ideas y notificando bugs.
La URL es la misma:
Expermiento CSS para cargar más rápido
La idea consiste en agrupar todas las imagenes que tengan un tamaño parecido, para reducir el número de llamadas HTTP.
Por ejemplo, los iconos de la siguiente imagen tienen un tamaño aproximado de 16×16 pixeles:
![]()
Código CSS:
#primer_icono{
background:url(grupo_iconos.png) no-repeat scroll 0 0;
}
#segundo_icono{
background:url(grupo_iconos.png) no-repeat scroll 0 -16px;
}
#tercer_icono{
background:url(grupo_iconos.png) no-repeat scroll 0 -32px;
}
Código HTML:
<img src=”imagen_transparente.gif” id=”primer_icono”/>
<img src=”imagen_transparente.gif” id=”segundo_icono”/>
<img src=”imagen_transparente.gif” id=”tercer_icono”/>
Resultado:
Lo podéis ver en GoTube
Descargar ejemplo:
Curiosidad:
Puede que con este ejemplo al tener pocos iconos no se noté la diferencia en el tiempo de carga, el ejemplo es para enseñar la técnica, pero si se nota con agrupaciones de muchos iconos.
La siguiente imagen se usa en GoTube:

Cambios internos en viciao2k3
- He actualizado wordpress a la versión 2.3
- He actualizado el plugin wp-cache a la versión 2.1.2
- He actualizado el plugin Google Sitemaps a la versión 3.0
- He comprimido el CSS con el manual de InKiLiNo
Notas:- Vigila a la hora de enlazar la hoja de estilo, he probado de hacerlo así:
<link rel=”stylesheet” type=”text/css” media=”screen” xhref=”/style.css.php”>
no se cargaba el CSS, en cambio con el siguiente código ha funcionado correctamente:
<link rel=”stylesheet” type=”text/css” media=”screen” href=”/style.css.php”> - Que no se te ocurra renombrar el fichero style.css a style.css.php, tienes que conservar el fichero style.css con sólo la información de tu theme, por ejemplo:
/*
Theme Name: Onge
Theme URI: http://www.viciao2k3.net
Description: Mi primer theme para wordpress
Version: 5.1
Author: Miquel Camps Orteza
*/
Si lo renombras tal cual, puede que no se cargue el blog o que se ponga el theme Kubrick (el theme por defecto)
- Vigila a la hora de enlazar la hoja de estilo, he probado de hacerlo así:
- También he comprimido el javascript con en el metódo anterior
- Como me pidió Francesc Josep, he quitado el buscador de google con adsense por uno en ajax que hice para la versión anterior del theme
Útiles por si decides actualizar wordpress a la versión 2.3
- Descargar la última versión de Wordpress 2.3
- Tutorial para la actualización
- Problemas con Wordpress 2.3 y la base de datos (wp_post2cat, wp_categories)
- Traducción de Wordpress 2.3 en español
- Corrector ortográfico en español para Wordpress
- Plugin Google Sitemaps 3.0
- Actualización gadget myDashboardReStart
- Solución a Unknown column ‘post_id’ in ‘field list’
Es curioso Gafeman, mi historia es muy parecida empece a los 11-12 años con un CD de una revista semidesconocida en la que venían programas para la creación de webs (aún tengo esa revista) uno de esos programas era Hot Dog, programa que nunca entendí.
Finalmente encontré Microsoft FrontPage con el que logré desarrollar webs de manera un poco más seria, siempre desde el entorno visual intentando tocar el menor código posible. Finalmente seguí con Dreamweaver y poco a poco he ido aprendiendo y mejorando, y aun me queda ;).
Me a gustado leer esta entrada. Saludos.