AprenderWP

Sitio especializado en Wordpress para principiantes

  • Principiantes
  • Tutoriales
  • Plugins
  • Temas
  • Blog
    • Novedades
    • Showcase
    • Opiniones
AprenderWP » Tutoriales » Cómo añadir el botón oficial de Twitter en WordPress

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

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Sobre mi

Mi nombre es Joaquin y llevo 12 años creando sitios web en wordpress. En este blog comparto todos mis conocimientos.

Necesito ayuda con ...


Empezar un
Blog

Optimizar
Wordpress

Seguridad
Wordpress

SEO
Wordpress

Errores
Worpdress

Crear una
Tienda Online
Política de Privacidad
Política de Cookies
Aviso Legal

Copyright © 2021 · AprenderWP