Añadir el botón Compartir de Twitter

En el apartado donde mostramos los post de nuestro blog, normalmente generamos un bucle que los va imprimiendo uno a uno. Dentro de este bucle tenemos acceso al ID de cada uno de los post, por lo que podemos obtener con este, su url amigable o permalink, como lo llamamos en WordPress.
En este ejemplo, vamos a añadir el botón de “Compartir enlace” de twitter.

Nos interesa añadir este botón en los contenidos dinámicos o fluctuantes de una página, como puede ser un post, noticia o artículo.
Para comenzar, tenemos que acceder a la siguiente URL http://twitter.com/about/resources/buttons#tweet. Desde aquí seleccionaremos la opción Compartir enlace, que será la que nos genere un botón para nuestro proposito, y por último rellenamos todos los campos con los datos correspondientes.
En el lado derecho, exite un campo que contiene el código generado con las opciones escogidas.

twitter_form

Ejemplo del código “Compartir enlace” de Twitter:

<a class="twitter-share-button" href="https://twitter.com/share">data-url="http://pabloleone.com" data-text="Prueba"
data-via="pabloleoneweb" data-lang="es" data-related="pabloleoneweb">
Twittear</a><script type="text/javascript">// <![CDATA[
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id))js=d.createElement(s);js.id=id;
js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}
(document,"script","twitter-wjs");
// ]]></script>

El contenido del atributo data-url es el que deberá substituirse con nuestro código PHP permalink.

<!--?php echo permalink($post--->ID); ?>.

Y el contenido del atributo data-text, por el título de nuestro post, noticia o artículo.

El hilo de este post, es como hacer para compartir partes de nuestra web en Twitter, por lo que no me entretendré con los diferentes aspectos del botón, o comportamientos.
La apariencia del botón y su comportamiento se definen desde el formulario de creación del botón.