Hoy temprano, Twitter anunció su Botón Tweet que hace exactamente lo mismo que los botones de Tweetmeme, excepto que está hecho por Twitter. Mucha gente ya está cambiando (esto incluye las principales corporaciones y los pequeños blogueros que siguen a @wpbeginner en Twitter) porque este botón ofrece personalización adicional y tiene la opción de recomendar el seguimiento de la cuenta. En este artículo, compartiremos cómo puede agregar el botón de tweet de Twitter en WordPress.
Este código se puede instalar en single.php, loop.php, index.php, page.php, category.php y archive.php siempre que esté dentro de el bucle de publicación.
<script src="https://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="wpbeginner
data-text="<?php the_title(); ?>"
data-related="syedbalkhi:Founder of adrimadiseño"
data-count="vertical">Tweet</a>
Manifestación
Intenta tuitear usando el botón de arriba.
Si observa en el código anterior, estamos usando el atributo de datos de la etiqueta de anclaje para decirle a Twitter exactamente lo que queremos que haga. A continuación se muestra la explicación de lo que significa cada propiedad:
- URL de datos – Esto recupera la URL que desea compartir (no es necesario que la cambie).
- vía de datos – Esto le dice a Twitter quién era el tweeter original agregando a través de @wpbeginner (asegúrese de cambiarlo a su cuenta de Twitter).
- texto-datos – Esto recupera el título de su publicación (no es necesario que lo cambie).
- relacionado con los datos – Esto agrega usuarios recomendados a seguir. Se le permiten hasta dos cuentas de Twitter para que los usuarios las sigan después de compartir contenido de su sitio web. Estas cuentas pueden incluir la suya propia o la de un colaborador o socio. La primera cuenta es la que se comparte en vía de datos propiedad. (Asegúrese de cambiarlo a una de sus otras cuentas de Twitter o eliminarlo). Si no lo hace, recomendará a @syedbalkhi (fundador de adrimadiseño). El formato correcto para ingresar datos en esta variable es twitterusername: Descripción del usuario
- recuento de datos – Esto le dice a la secuencia de comandos de Twitter qué estilo de botón desea mostrar. Tiene tres opciones (vertical, horizontal, ninguna).
- data-lang – Esta variable le dice a Twitter en qué idioma debe estar. El valor predeterminado es ‘en’ para inglés, y lo dejamos así.
Recomendamos a los usuarios que utilicen el atributo de datos del método de etiqueta de anclaje porque mantiene el código limpio y breve. Aunque los parámetros de la cadena de consulta son una forma conveniente de compartir su página, pueden hacer que su etiqueta de anclaje 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 eligen usarlo:
<script src="https://platform.twitter.com/widgets.js" type="text/javascript"></script> <a href="http://twitter.com/share?url=<?php echo urlencode(get_permalink($post->ID)); ?>&via=wpbeginner&count=horizontal" class="twitter-share-button">Tweet</a>
Si solo desea agregar un botón de tweet en una página estática, puede usar Generador de botones de tweet de Twitter.
Gracias a Otto por notificarnos en el comentario a continuación que su complemento, Conexión simple de Twitter, es totalmente compatible con el botón de tweet oficial.
Recursos adicionales: