Añade un botón de twittear a tu sitio

EN: Warning: This post is over two years old, so it's possible that the views, opinions, links or instructions reflected on it do not correspond with the way I think now or the way things currently work. I have evolved (and so have the World and the Internet), so it might be advisable to just take this entry for a glimpse into the (my) past. 🙂

ES: Atención: Este artículo tiene más de dos años de antigüedad, de modo que los puntos de vista, opiniones e instrucciones que se vierten en él pueden no corresponder con cómo pienso ahora o cómo funcionan las cosas en la actualidad. He evolucionado (y también lo han hecho el mundo e Internet), así que probablemente lo más recomendable sería entender esta entrada como un simple reflejo del (de mi) pasado. 🙂

Twitter+WordPressAyer, Twitter anunció oficialmente su «botón de twittear«, de manera que a partir de ahora resulta más fácil añadir a nuestro sitio web un botón para que nuestros visitantes puedan escribir un tweet enlazando a una de nuestras páginas estáticas.

Si queremos ponerlo en nuestro sitio gestionado con WordPress para que puedan promoverse nuestros artículos fácilmente, WPBeginner nos explica cómo hacerlo.

No hay más que colocar el código siguiente en el bucle de WordPress en archivos como single.php, loop.php, index.php, page.php, category.php y archive.php:

[javascript]<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<a href="http://twitter.com/share" class="twitter-share-button"
data-url="<?php the_permalink(); ?>"
data-via="RomanPaladino"
data-text="<?php the_title(); ?>"
data-related="Calitoe:La persona detrás de Román Paladino"
data-lang="es"
data-count="vertical">Tweet</a>
[/javascript]

Demostración:

A continuación desgloso el código anterior traduciendo del artículo de WPBeginner:

  • data-url – Esto indica la URL que quieres compartir. No necesitas cambiar esto, pues tal y como está ahora produce el enlace permanente de cada artículo de tu bitácora.
  • data-via – Indica quién fue el twittero de quien partió la noticia y le añade la mención «via @«. (Cámbialo por tu cuenta de Twitter).
  • data-text – Indica el título del artículo en cuestión. (Tampoco hace falta cambiarlo).
  • data-related – Esto añade usuario de Twitter que quieras recomendar seguir y su descripción. Si no lo cambias, estarás recomendando a @ (La persona detrás de Román Paladino). 🙂 El formato es usuariodetwitter:Descripción del usuario
  • data-lang – Esta variable le indica a Twitter en qué idioma estará escrito el tweet. Si eliminas esta línea se aplicará el valor predeterminado, es decir, el inglés (en).
  • data-count – Indica qué estilo de contador deseas mostrar. Hay tres opciones: vertical, horizontal y none (ninguno). Puedes ver qué aspecto tienen más abajo

Estilos de contador

Vía WPBeginner.