Cómo agregar el botón para compartir de Tumblr en WordPress

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 propósito de este botón es facilitar a más de 16 millones de blogueros de Tumblr la promoción de su contenido en sus blogs. Este widget para compartir permite a los usuarios de Tumblr «volver a publicar» fácilmente el contenido que se encuentra en la web en lugar de solo Tumblr. Esta opción de reblog 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 agregaban la funcionalidad de microblogueo a WordPress, profundizamos en cómo esto realmente puede permitir que WordPress reemplace a Tumblr para aquellos usuarios que desean más control. Varios usuarios nos golpearon por correo electrónico diciendo que «WordPress no te permite tener el aspecto social de Tumblr porque tiene una comunidad de blogueros que re-bloguean tus cosas». Bueno, ahora puedes tener esa característica en tus publicaciones de WordPress.

Primero abra su archivo footer.php y pegue este código justo encima de la etiqueta :

<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>

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 necesita hacer es pegar este código donde quiera 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 el archivo página oficial del botón Tumblr. Básicamente, puede seleccionar la imagen que desea y luego pegar el código de los conceptos básicos. 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, estamos viendo versiones de los temas de microblogging para WordPress. Bueno, en la versión básica del botón Tumblr que comentamos anteriormente, extrae el contenido de forma dinámica. Esto puede provocar 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 para compartir de Tumblr ha asegurado funciones avanzadas integradas que le permiten especificar el formato de su publicación de forma predeterminada, especificar la descripción completada previamente, una cita específica (completa con atribución) e incluso párrafos específicos de la página de un 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 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>
}

Para obtener más información sobre las personalizaciones, consulte Página oficial del botón Tumblr.

¿Agregará este botón a su sitio de WordPress?