Al igual que el botón Me gusta, el botón Enviar, el botón Retwittear de Twitter, el botón Compartir de LinkedIn, Tumblr, un servicio de microblogging, ha lanzado su propio botón para compartir. El objetivo de este botón es facilitar que más de 16 millones de blogueros de Tumblr promocionen tu contenido en sus blogs. Este widget para compartir permite a los usuarios de Tumblr “rebloguear” fácilmente el contenido que se encuentra en la web en lugar de solo Tumblr. Esta opción de reblogueo es una de las características clave detrás del enorme aspecto social de Tumblr. En este artículo, le mostraremos cómo agregar el botón Compartir de Tumblr en WordPress.
Anteriormente, cuando escribimos sobre los formatos de publicación de WordPress que han agregado la funcionalidad de microblogging en WordPress, profundizamos en cómo esto puede permitir que WordPress reemplace a Tumblr para aquellos usuarios que desean más control. Recibimos correos electrónicos de varios usuarios que decían “WordPress no te permite tener el aspecto social que tiene Tumblr porque tiene una comunidad de blogueros que re-bloguean tus cosas”. Bueno, ahora puedes tener esa función en tus publicaciones de WordPress.
Primero abra su archivo footer.php y pegue este código justo encima de la etiqueta
Si está utilizando un marco y no tiene acceso al archivo footer.php, agregue este código en su archivo functions.php o en el área de funciones personalizadas:
function insert_tumblr_script() {
echo '<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>';
}
add_action('wp_footer', 'insert_tumblr_script');
Una vez que haya hecho eso, echemos un vistazo a cómo puede agregar el código dentro de sus publicaciones:
Versión básica
Para agregar la versión muy básica de la secuencia de comandos que será suficiente para la mayoría de los usuarios, todo lo que necesita hacer es pegar este código donde desee en su bucle que se puede encontrar en (single.php, index.php, page.php, bucle .php, etc.):
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
Puede tener varias versiones de la imagen compartida que puede encontrar en pagina oficial del boton de tumblr. Básicamente, puede seleccionar la imagen que desea y luego pegar el código desde lo básico. Alternativamente, también puede insertar su propia imagen para compartir reemplazando el fondo: css en el código anterior.
Personalización avanzada
Ahora, como saben, con el uso de formatos de publicación de WordPress, estamos viendo versiones de temas de micro-blog para WordPress. Bueno, en la versión básica del botón Tumblr que discutimos anteriormente, extrae el contenido dinámicamente. Esto podría causar errores como mostrar un título incorrecto, una descripción incorrecta, etc. Incluso en la versión básica, no selecciona el formato (enlace, texto, imagen, cita, video, etc.) para el blogger de Tumblr, a diferencia de la función Re-Blog que se usa en la comunidad de Tumblr.
Por lo tanto, el botón de compartir de Tumblr ha garantizado funciones avanzadas integradas que le permiten especificar el formato de su publicación de forma predeterminada, especificar la descripción precargada, una cita específica (completa con la atribución) e incluso párrafos específicos de una página de artículo. Entonces, aquí hay un ejemplo de cómo agregará su archivo loop.php usando formatos de publicación en WordPress:
if ( has_post_format( 'link' ) {
?>
<a href="http://www.tumblr.com/share/link?url=<?php%20echo%20urlencode(get_permalink())%20?>&name=<?php%20echo%20urlencode(get_the_title())%20?>&description=<?php%20echo%20urlencode(the_excerpt())%20?>" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
<?php
} else if (has_post_format('quote')) { ?>
<a href="http://www.tumblr.com/share/quote?quote=<?php%20echo%20urlencode(get_the_content())%20?>&source=<?php%20echo%20urlencode(get_the_title())%20?>" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
<?php
}else {
<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
}
