Cómo insertar fácilmente Twitter @ en cualquier lugar en su blog de WordPress

Con la creciente popularidad de Twitter, no sorprende que cada vez más blogueros busquen formas de distribuir su contenido a través de Twitter. Con el lanzamiento de Twitter @Anywhere, los bloggers ahora tienen una manera fácil de insertar Twitter @anywhere en su blog y permitir que sus lectores publiquen un tweet rápidamente o sigan a los blogueros sin salir del sitio. Si todavía está averiguando cómo hacerlo, aquí hay varias formas en que puede hacerlo en WordPress:

Registrar la clave API de Twitter

Antes de comenzar a hacer algo, primero deberá registrar una clave API de Twitter en http://dev.twitter.com/apps. Con la clave API, podrá insertar su @ en cualquier lugar en su sitio.

1. Vaya a http://dev.twitter.com/apps . Inicie sesión con su nombre de usuario y contraseña de Twitter.

2. Haga clic en Registrar una nueva aplicación.

3. Complete el formulario. Puedes darle a la aplicación el nombre que quieras. Solo hay una cosa a tener en cuenta: en el tipo de Acceso predeterminado, seleccione Lectura y escritura .

4. Una vez que haya registrado su aplicación, debería ver su clave API en la siguiente pantalla. Eso es todo lo que necesitas por ahora.

Complementos de WordPress @Anywhere

Ahora que obtuvo su clave API de Twitter, veamos los complementos disponibles que puede usar para incrustar @anywhere en su sitio.

1.  Twitter @ Anywhere Plus

Este tiene que ser el complemento @Anywhere más completo de toda la lista. Está bien implementado y contiene la mayoría de funciones. Todo lo que necesita hacer es activar las opciones necesarias en la página de Configuración y se configurará automáticamente para aparecer en el lugar correcto.

Las características que admite incluyen:

  • Vinculación automática: todo el texto de @username se convertirá en un enlace de Twitter
  • tarjeta flotante: la información de Twitter aparecerá cuando pases el mouse sobre el enlace
  • Tweetbox: envíe un tweet directamente desde su sitio. Útil para función de retweets.
  • Botón de retuitear
  • Boton de seguir
  • Insertar cuadro de tweet personalizado con código corto
  • Acortamiento de URL – bit.ly

Una cosa que falta en este complemento es la capacidad de colocar código fuera del área de contenido. Si desea colocar un cuadro de tweet en su encabezado, pie de página o incluso en el widget de la barra lateral, este complemento no le permite hacerlo.

Ventaja : fácil de usar y simplemente funciona.

Con : No es capaz de incrustar @Anywhere fuera del área de contenido.

2. En cualquier lugar

Esta es una implementación muy básica de @Anywhere. Por el momento, solo admite la vinculación automática, la tarjeta flotante y Tweetbox.

Al igual que el complemento Twitter @Anywhere Plus, puede personalizar su Tweetbox para que aparezca antes o después del contenido. También existe la opción manual que le permite colocar tweetbox en cualquier lugar dentro del contenido, pero hay muy poca documentación / instrucciones sobre cómo usarlo.

Pro : simple

Desventaja : funciones limitadas y falta de instrucciones de uso

The Hacker Way: agregar el código @Anywhere manualmente

Hay muchas razones por las que agregar el código de Twitter @Anywhere manualmente es una mejor idea que usar un complemento:

1. Menores gastos generales, utilizando menos recursos del sistema.

2. Es fácil de implementar. Incluso cualquier novato puede hacerlo por su cuenta.

3. Puede personalizarlo para que aparezca en cualquier lugar del sitio que desee. No está restringido solo al área de contenido.

Añadiendo el javascript

Abra el archivo functions.php de su tema y pegue el siguiente código al final del archivo.

Guarda y sube a tu servidor. Acaba de implementar la función de tarjetas flotantes en su sitio.

Para agregar un cuadro de Tweet, pegue el siguiente código en la ubicación donde desea que aparezca el cuadro de Tweet.

¿No es fácil?

Un truco rápido: agregar una tarjeta flotante a su ícono de Twitter

Si tiene un icono de Twitter en su sitio, puede insertar una tarjeta flotante en él.

En el código anterior, reemplace el código de la función twitter_anywhere () con lo siguiente:

A continuación, agregue los atributos id = ”hovercard” y title = ”@ your-twitter-username” a su icono de Twitter. Debería verse como

Para obtener más información, consulte la documentación de Twitter @Anywhere para obtener más detalles.

¿Insertó Twitter @Anywhere en su sitio? Si es así, ¿qué formas utiliza?

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario