Algunas funciones para WordPress 3.0

Estaba buscando en el Codex de WordPress la forma de obtener los resultados de busqueda, ya que me lo preguntaron en un comentario hace unos días (no parece pregunta, pero eso entendí en el momento). Mientras daba vueltas sin encontrar algo, llegué a unas páginas que estaban siendo creadas, pero que las funciones serían para WordPress 3.0.

Las funciones que me llamaron la atención, fueron las siguiente:

get_search_link

Esta función nos permite mostrar las últimas busquedas realizadas.

Esto es exactamente lo que yo estaba buscando (creo), el único problema es que tendremos que esperar hasta Mayo por WordPress 3.0 para poder disfrutar de ella.

No lo puedo asegurar, ya que la página no tiene ningún contenido, pero ya está en proceso de creación.

the_short_link

Seguir Leyendo esta Entrada

Nuevas cosas en el Blog

Desde hace tiempo que he venido haciendo cosas, experimentos y demás cosas para mejorar en todo lo que pueda el blog, esta vez he hecho algunas cosas que tal vez sean útiles.

El cambio más importante que he hecho estos días fue el cambio de hosting, que al parecer está dando resultados.

Ahora las cosas nuevas del momento:

  • Versión móvil del blog: creé una versión móvil del blog usando el servicio de MoFuse (gratis). Pueden entrar desde este enlace: http://m.blooging.net. Si entran desde un celular al blog de forma normal, serán redireccionados a la versión móvil. Desde el PC no se ve bien, pero pueden verlo desde: Opera Mini Demo.
  • Twitter del blog: hasta el momento el enlace hacia twitter que hay en el header iba hacia mi cuenta personal, ahora los llevará a la cuenta exclusiva del blog. Ahí encontrarán los últimos posts, enlaces recomendados y si pasa algo en el blog, servirá para informaciones.
  • Los scripts que usamos: esto es algo que quise hacer para evitar usar ancho de banda innecesario, pero cualquiera puede usarlos. Cuando publique algún script podrán usar el enlace directo desde Google Code.

Creo que es es todo, espero que nos me sigan desde twitter ;)

Optimizar carga de AdSense

Y seguimos hablando temas SEO referentes a la carga de un sitio y me toca hablar de AdSense (lo hago porque mi nuevo hosting me pide usarlo). Aviso: este script sirve para cualquier objeto, pero ahora lo usaremos para AdSense.

El efecto que se logrará será similar al de Lazy Load, pero con la diferencia que se cargará al final de todo lo demás, independiente de su posición.

Primero debemos señalar un "div", el cuál contiene nuestra publicidad, ejemplo:

<div id="publicidad" class="redireccion">
Aquí está mi publicidad
</div>

Nosotros agregaremos el "class redireccion", con este lograremos el efecto. El mensaje "Aquí está mi publicidad" no debe escribirse, dejamos el espacio en blanco.

Ahora usamos un poco de CSS:

.oculto {display: none}

Seguir Leyendo esta Entrada

Lazy Load – Retrasar carga de Imágenes

Cómo ya sabemos el tiempo de carga de nuestro sitio es un factor SEO importante en este tiempo, es por eso que aprendimos a medir la velocidad de carga de un blog. Para disminuír aún más este tiempo, podemos usar Lazy Load.

Lazy Load es un script en jQuery que nos permite retrasar la carga de las imágenes hasta el momento que un usuario se acerqué a esa imágen, lo que nos disminuye considerablemente las peticiones http realizadas a un sitio.

Para agregar este excelente efecto debemos agregar el siguiente script a nuestro footer.php:

<script type='text/javascript' src='http://blooging.googlecode.com/files/lazyload.js'></script>

Pero debemos tener instalado jQuery en nuestro sitio, si no lo tienes agrega esto a tu footer.php:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>

Con esto ya tenemos la mayor parte hecha, sólo nos falta agregar el código que hará funcionar Lazy Load, que es este:

<!--Lazyload-->
<script type='text/javascript'>
jQuery(document).ready(function($){
  jQuery(".entry img").lazyload({
    effect:"fadeIn",
    placeholder: "http://img130.imageshack.us/img130/2134/ajaxloader.gif"
  });
});
</script>

En este caso usamos #entry img, para que haga el efecto solamente en las imágenes de los posts, aunque podemos usar img (sin # ni .) para que haga el efecto en todas las imágenes del sitio.

También podemos usar una imagen de fondo, para que ocupe el lugar de la imagen original antes de cargarla. Podemos usar la misma imágen que usamos en el efecto cargando que hacemos con CSS.

P.D: Usamos los servidores de Google para alojar scripts.