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 microblogs, ha lanzado su propio botón para compartir. El objetivo de este botón es facilitar que más de 16 millones de bloggers de Tumblr promocionen su 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 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 funcionalidades de microblogging en WordPress, profundizamos en cómo esto puede permitir que WordPress reemplace Tumblr para aquellos usuarios que desean más control. Varios usuarios nos criticaron por correo electrónico diciendo “WordPress no te permite tener el aspecto social que tiene Tumblr porque tiene una comunidad de bloggers 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="https://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 bucle 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('https://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 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 el recurso compartido reemplazando el fondo: css en el código anterior.
Personalización avanzada
Ahora, como sabe con el uso de los formatos de publicación de WordPress, ahora estamos viendo lanzamientos de temas de microblogging para WordPress. Bueno, en la versión básica del botón Tumblr que discutimos anteriormente, extrae el contenido de forma dinámica. Esto puede causar errores como la aparición de un título incorrecto, una descripción incorrecta, etc. También 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 utilizado en la comunidad de Tumblr.
Por lo tanto, el botón para 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 precargada, una cita de extracción 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 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('https://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('https://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('https://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>
}
