Bookmarking en wordpress sin plugin

Antes que nada quiero avisar que la razón por la que escribo tan poco en los últimos días es porque estoy en fecha de exámenes en la facultad y porque la notebook esta sin internet.

La razon para usar bookmarks sin plugin son varias:

Si las analizan se daran cuenta que son verdad, asi que por lo tanto decidi dejar de usar plugin para algo que yo mismo podia hacer con HTML y PHP de una manera muy sencilla. Entre las redes o marcadores sociales a incluir decidi colocar solo los mas usados, no tiene sentido colocar redes que nadie usa o que tus lectores no usan. Las elegidas fueron: twitter, facebook, delicious, stumbleupon.

Vamos a la practico.

Paso 1: Crear un archivo llamado social.php con el siguiente contenido:

<div id="socialbox1">

<h3><img src="http://tupagina.com/heart.png" alt="Love" /> Si te gusto el articulo... compartelo</h3><br/>
<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=<?php the_permalink() ?>&title=<?php echo urlencode(the_title('','', false)) ?>" title="del.icio.us">
<img src="http://tupagina.com/delicious.png" title="del.icio.us" alt="del.icio.us" />
</a>
<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=<?php the_permalink() ?>&t=<?php echo urlencode(the_title('','', false)) ?>" title="Facebook">
<img src="http://tupagina.com/facebook.png" title="Facebook" alt="Facebook" />
</a>
<a rel="nofollow" target="_blank" href="http://www.stumbleupon.com/submit?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>" title="StumbleUpon">
<img src="http://tupagina.com/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" />
</a>
<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=<?php the_title(); ?> - <?php the_permalink(); ?> via @sefsinalas" title="Twitter">
<img src="http://tupagina.com/twitter.png" title="Twitter" alt="Twitter">
</a>
</div>

Este archivo deberemos subirlo a la carpeta de nuestro theme wordpress. Las imagenes puede sacarlas de google, hay varios cientos de set de iconos sociales.

Paso 2: desde el archivo single.php de nuestro theme hacemos la llamada a social.php asi:

<?php include "social.php"; ?>

Y con eso logramos que aparezcan las imagenes y/o enlaces.

Paso 3: darle algo de estilo, en el archivo style.css de nuestro theme podemos agregar al final algo de estilo a la capa (div). Esto ya quedara a gusto y conocimientos de cada uno. Yo lo que hice fue copiar el css de un widget del sidebar y retocarlo un poquito.

#socialbox1 {
        float: left;
        min-width:100px;
        color:#000000;
	background:#F5F4F0;
	border:#DEDBD1 1px solid;
	margin-bottom:15px;
	padding:10px;
}

Sobre lo que les decía de la personalización es que por ejemplo puedo hacer que con PHP se carguen imagenes diferentes cada vez que se recarga la pagina, eso le da algo de dinamismo al blog (prueben apretando F5). No se los pongo aqui porque mejor se los dejo de tarea para la casa

perro

Ingeniero en Informática. Programador en PHP y Angular. Lo que mas adoro en el mundo es el conocimiento. Y el anime....y Japón...y el running...y bloguear claro y algunas otras cientos de cosas. Sigo buscando la manera de hacer mi primer millón.

1
Comenta!

avatar
Victor

Que buena idea, además luego puedes utilizar CSS Sprites para hacer que las imágenes carguen más rápido para tus visitantes y tengas menos carga en el servidor.

Saludos.