Cómo añadir el botón oficial de Twitter en WordPress

Hoy temprano, Twitter anunció su Botón Tweet oficial que hace exactamente lo mismo que los botones de Tweetmeme, excepto que está hecho por twitter. Mucha gente ya está cambiando (esto incluye a las mejores empresas y a los pequeños bloggers que siguen a @AprenderWP en twitter) porque este botón ofrece personalización adicional y además tiene la opción de recomendar el seguimiento de cuentas. En este artículo, compartiremos cómo puedes añadir el botón de Twitter en WordPress.

Este código puede ser instalado en single.php, loop.php, index.php, page.php, category.php, y archive.php siempre y cuando se encuentre dentro del bucle de post.

1234567 "http://platform.twitter.com/widgets.js "type="text/javascript"> "http://twitter.com/share " data- data-via="AprenderWP" data-text="" data-related="syedbalkhi:Fundador de WPeginner" data-count="vertical">Tweet

Demo

>

Intenta twittear usando el botón de arriba.

Si notas en el código de arriba, estamos usando el atributo de datos de la etiqueta ancla para decirle a twitter exactamente lo que queremos que haga. Abajo está la explicación de lo que significa cada propiedad:

• data-url - Esto obtiene la URL que desea compartir (no necesita cambiar esto).
• data-via - Esto le dice a twitter quien fue el tweeter original agregando vía @AprenderWP (Asegúrate de cambiarlo a tu cuenta de twitter).
• data-text - Esto obtiene el título de su mensaje (no necesita cambiarlo).
• relacionado con los datos - Esto añade los usuarios recomendados a seguir. Se le permiten hasta dos cuentas de Twitter para que los usuarios las sigan después de compartir el contenido de su sitio web. Estas cuentas podrían incluir la suya propia, o la de un contribuyente o un socio. La primera cuenta es la que se comparte en la propiedad data-via . (Asegúrate de cambiarlo a una de tus otras cuentas de twitter, o de eliminarlo). Si no lo haces, entonces estarás recomendando @syedbalkhi (Fundador de AprenderWP). El formato correcto para introducir datos en esta variable es twitterusername:Descripción del usuario
• data-count - Esto le dice al script de twitter qué estilo de botón quieres mostrar. Tiene tres opciones (vertical, horizontal y ninguna).
• data-lang - Esta variable le dice a twitter en qué idioma debe estar. El valor por defecto es'en' para el inglés, y lo hemos dejado así.

Recomendamos a los usuarios que usen el método del atributo de datos de la etiqueta ancla porque mantiene el código limpio y corto. Aunque los parámetros de la cadena de consulta son una forma conveniente de compartir su página, pueden hacer que su etiqueta ancla sea muy larga, y una URL larga es difícil de mantener, especialmente cuando tiene que codificar parámetros de URL. A continuación se muestra el método de consulta para aquellos que deciden usarlo:

12 "http://platform.twitter.com/widgets.js "type="text/javascript">"http://twitter.com/share?url=ID)); ?>&via=AprenderWP&count=horizontal ">Tweet

Si sólo quieres añadir un botón de tweet en una página estática, entonces puedes usar el Generador de botones de Twitter.

Gracias a Otto por notificarnos en el comentario de abajo que su plugin, Simple Twitter Connect, soporta completamente el botón oficial de tweet.

Recursos adicionales:

Documentación adicional para el botón Tweet