Enlaces a sitios sociales en Wordpress y sin plugins
Hace unos días Mauro me escribió preguntando como hacia para mostrar en Kabytes los iconos con sus respectivos enlaces para enviar una noticia a las redes y sitios sociales mas populares, a continuación les explico paso a paso como deben hacer esto y sin utilizar ningún plugin, algo que es bastante fácil y útil para reducir aun mas el consumo de recursos de nuestro servidor. Antes de comenzar, una vez que finalicen con este tutorial el resultado es el siguiente, obviamente voy a excluir la parte del CSS sprite que ya explique anteriormente.
![]()
Como colocar los enlaces a los sitios sociales sin plugins:
Lo primero y prácticamente único que tenemos que hacer es colocar el siguiente código en el archivo single.php de nuestro querido theme de Wordpress.
-
<a href="http://twitter.com/home?status=<?php the_title(); ?>: http://www.kabytes.com/<?php echo $post->ID; ?> @kabytes" class="twitter" rel="nofollow" title="Enviar a Twitter">Twitter</a>
-
<a href="http://www.facebook.com/share.php?u=<?php echo get_permalink() ?>&t=<?php the_title(); ?>" class="facebook" rel="nofollow" title="Compartir en Facebook">Facebook</a>
-
<a href="http://del.icio.us/post?url=<?php echo get_permalink() ?>&title=<?php the_title(); ?>" class="delicious" rel="nofollow" title="Guardar en delicious">Delicious</a>
-
<a href="http://meneame.net/submit.php?url=<?php echo get_permalink() ?>" class="meneame" rel="nofollow" title="Enviar a Menéame">Menéame</a>
-
<a href="http://www.stumbleupon.com/submit?url=<?php echo get_permalink() ?>&title=<?php the_title(); ?>" class="stumbleupon" rel="nofollow" title="Enviar a Stumbleupon">Stumbleupon</a>
Y listo, luego basta con agregar un estilo a cada enlace para que se muestre un icono en cada uno, en mi caso mantuve los mismos que en el tutorial de los CSS sprite y listo, en otro post explico como hacemos aquí para acortar automáticamente las urls de cada entrada
Lo bueno de mostrar los enlaces para enviar a los sitios sociales de esta forma es que no recargamos nuestra instalación de Wordpress con ningún plugin y no es necesario la utilización de ningún servicio externo que muchas veces tiende a demorar la carga del blog con solicitudes que no son realmente imprescindibles.
Espero que les sea de utilidad




Octubre 14th, 2009 a las 16:37
Pablo, muchas gracias por tu amable respuesta, voy a usar este tutorial para implementarlo en mi blog.
Mil gracias y mucha suerte.
Octubre 14th, 2009 a las 17:08
[...] Enlaces a sitios sociales en Wordpress y sin plugins [...]
Octubre 14th, 2009 a las 17:12
[...] This post was Twitted by ARfeeds [...]
Octubre 14th, 2009 a las 20:54
Justo lo que buscaba, a probarlo se a dicho, graciasssss
Enero 8th, 2010 a las 22:22
[...] esta manera y de la misma forma que mostré en el tutorial para mostrar los links sociales para mostrar esta url acortada basta usar el siguiente código dentro del bucle de WP: [...]