Cómo crear un feed de Twitter personalizado con WordPress

Twitter rotoUna de mis publicaciones más populares no relacionadas con WordPress aquí en Theme Lab fue sobre hacer un widget de Twitter personalizado sin un complemento.


Eso fue hace más de tres años. Y ya no funciona porque Twitter retiró la versión de la API solía tirar de los tweets.

Esta es la razón por la que puede haber notado que Theme Lab, así como en otros sitios, han perdido funcionalidad en sus feeds de Twitter. Pero no te preocupes, se puede arreglar (mira el pie de página de mi sitio ahora mismo si no me crees).

Primeros pasos

La mala noticia, la cosa “sin un complemento” ya no funcionará tan bien. La buena noticia es que hay un increíble complemento de WordPress que ahora podemos usar para mostrar tweets. Se llama, apropiadamente, Mostrar Tweets.

Toma ese complemento e instálalo. Luego, deberá registrarse en una aplicación de Twitter para obtener la información de autenticación requerida. No te preocupes, es gratis.

Ya tenía una aplicación de Twitter para un proyecto anterior, así que solo usé eso en lugar de registrar uno nuevo.

Error fatal?

El plugin Display Tweets de WordPress requiere que CURL esté habilitado en su servidor. Esto no será un problema en ningún servidor web decente, aunque cuando estaba probando localmente me encontré con el siguiente error fatal:

Error grave: llamada a la función indefinida curl_init () en la ruta \ to \ wordpress \ wp-content \ plugins \ display-tweets-php \ incluye \ Twitter \ twitteroauth \ twitteroauth.php en la línea 199

yo resuelto en XAMPP simplemente descomentando la línea extension = php_curl.dll en mi archivo php.ini.

De nuevo, probablemente no te encuentres con este problema, pero por si acaso … ya sabes.

Autenticando y Configurando

Después de instalar el complemento Display Tweets, con suerte libre de errores, dirígete a la página de Configuración (Configuración → Twitter Feed) e ingresa la siguiente información que obtuviste de tu aplicación de Twitter.

  • Clave del consumidor
  • Secreto del consumidor
  • Token de acceso
  • Secreto de token de acceso

Mantenga los que tengan la palabra “Secreto”, bueno … secreto. Luego deberá establecer las siguientes opciones de configuración:

  • Nombre de pantalla: En mi caso, “themelab”
  • Contar: Cuántos tweets para mostrar, hasta 200 (en mi caso, 2).
  • Incluir retweets: Autoexplicativo
  • Excluir respuestas: De nuevo, se explica por sí mismo.

Nota: Excluir retweets y respuestas puede afectar el recuento real de tweets que se muestran, ya que la configuración “Recuento” recuperará el número de tweets antes de filtrar retweets y respuestas.

Colocando los Tweets

Ahora deberá decidir dónde y cómo colocar los tweets en su sitio de WordPress. Tiene un par de opciones aquí, ya sea incluyéndolas con un código corto (útil para colocar en publicaciones) o una etiqueta de plantilla.

En mi caso, utilicé la siguiente etiqueta de plantilla y la puse donde solía estar mi antiguo feed de Twitter roto.

<?php if (function_exists ( "display_tweets" )) {display_tweets (); } ?>

Estilizando los Tweets

El marcado de la salida de tweets del complemento Display Tweets varía de antiguo método de visualización de tweets.

Aquí hay una muestra del nuevo marcado de un solo tweet, levantado directamente de mi sitio actual:

Escribió sobre un problema que tuve con la desaparición de widgets después de migrar WordPress a una nueva URL. Así es como lo arreglé: http://t.co/Zl7YzkF2JD
– Domingo 7 de julio – 1:00 a.m.

Aquí hay una muestra del antiguo marcado de método:

Básicamente, párrafos versus listas. Si usaste el código anterior, algunos de sus selectores CSS tendrán que ser ajustados para aplicar al nuevo estilo de marcado.

Es difícil decir cuál es mejor o peor, pero al menos el marcado predeterminado de Display Tweets no usa estilos en línea cojos como estilo ="tamaño de fuente: 85%;".

También parece que el complemento Display Tweets tiene un gancho displaytweets_tweet_template incluido en caso de que desee modificar el HTML del tweet, algo sobre lo que no tenías mucho control antes.

Conclusión

Si bien es un poco frustrante cuando Twitter retira las API antiguas y rompe muchas cosas, con suerte esta nueva versión se mantendrá por un tiempo. Dado que este nuevo método usa autenticación, no es un juego gratuito, lo que con suerte disminuye la presión sobre los recursos de Twitter.

Finalmente, muchas gracias a Michael Ruddy, quien desarrolló Display Tweets. Parece que se pensó mucho en el complemento, especialmente cuando se trata de una prueba de futuro. También hay un Repositorio de GitHub si desea contribuir al proyecto.

Además, si está buscando una forma aún más rápida y fácil (pero no tan personalizable) de insertar una línea de tiempo en su sitio web, puede valer la pena mirar en el propio Twitter líneas de tiempo incrustadas característica. Quizás algo para profundizar en una futura publicación de blog.

De todos modos, gracias por leer, y repara esos feeds de Twitter rotos si aún no lo has hecho..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map