Al igual que el botón Me gusta de Facebook, el botón Enviar, el botón Retweet 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 toda la web en lugar de solo en 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 agregaron funcionalidades de microblogging en WordPress, elaboramos más sobre cómo esto puede permitir que WordPress reemplace a Tumblr para aquellos usuarios que desean más control. Fuimos criticados por correo electrónico 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 lo tuyo». 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 del script que será suficiente para la mayoría de los usuarios, todo lo que tiene que hacer es pegar este código donde desee en su ciclo que se puede encontrar en (single.php, index.php, page.php, loop .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 se pueden encontrar en el página oficial del botón de Tumblr. Básicamente, puede seleccionar la imagen que desea y luego pegar el código desde lo básico. Alternativamente, también puede poner su propia imagen para compartir reemplazando el fondo: css en el código anterior.
Personalización avanzada
Ahora, como saben, con el uso de los formatos de publicación de WordPress, ahora estamos viendo lanzamientos de temas de micro-blogging para WordPress. Bueno, en la versión básica del botón Tumblr que discutimos anteriormente, extrae el contenido dinámicamente. Esto puede causar errores como la aparición de un título incorrecto, una descripción incorrecta, etc. Además, en la versión básica, no elige el formato (enlace, texto, imagen, cita, video, etc.) para el blogger de Tumblr, a diferencia de la función Re-Blog que es utilizado en la comunidad de Tumblr.
Por lo tanto, el botón Compartir de Tumblr se aseguró de incorporar funcionalidades avanzadas que le permiten especificar el formato de su publicación de forma predeterminada, especificar la descripción precompletada, una cita de extracción 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 utilizando los formatos de publicación en WordPress:
if ( has_post_format( 'link' ) {
?>
<a href="http://www.tumblr.com/share/link?url=<?php echo urlencode(get_permalink()) ?>&name=<?php echo urlencode(get_the_title()) ?>&description=<?php echo urlencode(the_excerpt()) ?>" 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 echo urlencode(get_the_content()) ?>&source=<?php echo urlencode(get_the_title()) ?>" 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>
}