Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Twitter API

Importa y Archiva Tus Tweets Con WordPress

by
Difficulty:IntermediateLength:ShortLanguages:

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

Final product image
What You'll Be Creating

En este tutorial, te guiaré a través de la instalación configuración y personalización del complemento gratuito y de código abierto Twitter Archive y su tema WordPress acompañante.

¿Por Qué Archivar Tus Tweets?

Google una vez tuvo una colaboración de búsqueda con Twitter, pero después de que esta expiró dejó el descubrimiento de tu archivo de tweets un poco al azar. Además, el tráfico de motor de búsqueda a Twitter.com no construye el posicionamiento de tu sitio web o te ayuda a ganar ingreso.

El Desarrollador Ozh Richard construyó un complemento WordPress el cuál archivará automáticamente tus tweets en tu blog WordPress. Richard también creó un tema WordPress justo para tu archivo Twitter. El también es el creador de algunas otras cosas interesantes incluyendo YOURLS (sobre el que he escrito un futuro tutorial---revisa mi página de instructor).

Ejecutar un sitio WordPress de tu archivo Twitter le permite a Google indizar más fácilmente tus tweets, capturar más tráfico de búsqueda, y agregar a tu posicionamiento de motor de búsqueda y potencial flujo de ingreso. Teóricamente, deberías poder ganar ingreso de publicidad en estas páginas, o involucrarte en discusiones con lectores publicando comentarios. También podría manejar discusiones de manera nativa de vuelta a Twitter desde tráfico web de Google.

Instalando WordPress

Puedes usar cualquier servidor LAMP o instancia de nube que desees para instalar WordPress. Estoy usando Digital Ocean porque no es caro y ofrece discos SSD rápidos para hospedaje. Puedes encontrar mi guía visual para instalar WordPress en Digital Ocean aquí.

Una vez que tienes WordPress completamente instalado y configurado con tu dominio de Twitter Archive, puedes continuar abajo. También puedes experimentar con agregar el complemento Twitter Archive a un sitio WordPress existente, aunque esto probablemente generará muchas publicaciones de los tweets apuntando a tu sitio mismo.

Instalando el Tema Tweet Archiver

Ya que el tema Tweet Archiver está hospedado en un repositorio GitHub público, inicié sesión en mi servidor y lo capturé y descomprimí ahí (/var/www/tweets es el directorio de mi instalación WordPress para mi cliente Twitter achive):

Nota: Otra alternativa a la aproximación que estoy usando sería crear tu propio repositorio local del tema y hacer cambios antes de empujarlos a tu servidor.

Después, visita el menú Apariencia > Temas del Tablero y da clic en Activar a un lado del tema Tweet Archiver:

Install Theme Tweet Archiver

Desafortunadamente, el tema necesita ser personalizado de manera manual; no hay interfaz de tablero WordPress para personalizarlo.

usa Apariencia > Editor y elige el archivo Header.php para editar:

Edit the Themes Header Tweet Archiver

Querrás hacer cambios a cualquier enlace HTML y campos de texto para tu propia cuenta de Twitter y páginas relacionadas. No puedes reemplazar de manera global en "ozh" porque es usado como prefijo para muchas funciones de complemento.

Hay dos bloques que necesitan ser editados en header.php:

Aquí está el segundo:

Guarda los cambios cuando hayas hecho tus ediciones.

Instalando el Complemento Tweet Archiver

Agrega el Complemento

Ahora, podemos instalar el complemento Tweet Archiver mismo:

Tweet Archiver WordPress Plugin

Ve a Complementos > Agregar nuevo, y busca tweet archiver:

Add Tweet Archiver WordPress Plugin

Da clic en Instalar y actívalo. Se te pedirá configurar tus ajustes, pero primero necesitamos crear una aplicación Twitter para obtener llaves API para tu cuenta de Twitter.

Tweet Archiver Plugin Configuration

Crea una Aplicación en Twitter

Visita el administrador de Aplicación de Twitter para registrar una nueva aplicación:

Twitter Application Manager

Da clic en Crear Nueva Aplicación y proporciona la URL para tu Twitter archive de WordPress:

Create a Twitter Application

Visita la pestaña llaves y tokens de acceso para copiar la llave de consumidor y secreto de consumidor a tu aplicación Twitter:

Twitter Application Consumer Keys for API Access

Ahora, pega esto en los ajustes de complemento:

Configure Tweet Archiver with Twitter keys

Por ahora, puedes dejar los ajustes extendidos de complemento como los valores por defecto:

Tweet Archiver Settings

Guarda los cambios.

El Tweet Archiver en Operación

El complemento comenzará inmediatamente a descargar tu archivo de Tweet:

Tweet Archiver in Action - Archiving Tweets

Personaliza las Imágenes de Perfil y Fondo

Hay un par más de ajustes que necesitamos hacer. Necesitamos cargar una nueva imagen de perfil e imagen de fondo y reemplazar los enlaces de estos en nuestra hoja de estilo (style.css).

Crea una imagen de perfil cuadrada de 256 x 256 pixeles. Carga esta usando la librería de medios. Toma nota de la URL absoluta y reemplaza img/new-profile.jpg en la hoja de estilo abajo con el enlace de tu nueva imagen de perfil. Usa Apariencia > Editor > Hoja de Estilo para editar el archivo:

También, crea una imagen de fondo más grande de 1500 x 1500 pixeles y carga esta a la librería de medios. Toma nota de la URL absoluta de esta imagen y reemplazala en el archivo style.css en los dos lugares en donde aparece el ajuste #header background:

De manera alternativa, puedes reemplazar estos archivos en el servidor directamente vía FTP o SCP.

Puedes ver mi sitio en vivo en http://twitter.jeffreifman.com. Una vez que has completado las modificaciones, tu sitio aparecerá algo como esto:

Twitter Archive Site for Jeff Reifman

Cada publicación creada por el archivador de tweet es solo una publicación individual WordPress:

Twitter Archive Generated WordPress Posts

Realmente me gusta la manera en que el etiquetado WordPress mejora mi archivo Twitter:

WordPress Tags on my Twitter Archive

Optimizado de Motor de Búsqueda

Ahora que nuestro sitio está alimentando contenido desde Twitter, necesitamos optimizarlo para motores de búsqueda. Recomiendo instalar los complementos Yoast SEO y Yoast Google Analytics.

Necesitarás agregar un nuevo sitio web a tu tablero Google Analytics y pegar la cadena personalizada (ej. UA-xxxxxxxx-xx) en el complemento Yoast Google Analytics.

Yoast Google Analytics Settings

Una vez completo, puedes verificar tu sitio desde el tablero Yoast SEO; esto en su momento registrará y verificará tu sitio con Herramientas Google Webmaster.

Yoast SEO Settings

Yoast SEO generará archivos Sitemap los cuales Google regularmente indexa. Asegúrate de enviar tu mapa de sitio a Herramientas Google Webmaster, ej. http://yourarchivedomain.com/sitemap_index.xml.

Pronto, estarás viendo tráfico web construido sobre tu sitio de Twitter---el tráfico de otra manera se habría ido a Twitter.com

Si quisieras aprender más sobre cómo el Archivador Twitter usa la API Twitter en general, revisa nuestra serie Tuts+ sobre Construyendo con la API Twitter. También puedes inspeccionar el código de este complemento bajo Plugins > Editor > ozh-tweet-archiver/inc/import.php.

También podrías querer revisar una serie que estoy escribiendo actualmente para Tuts+ sobre trabajo en red social de código abierto. La funcionalidad de este complemento tiene alguna relevancia para el esfuerzo general de trabajo en red social de código abierto, ya que proporciona una manera de migrar tus Tweets a un sitio WordPress. Puedes encontrar esta serie y mis otros tutoriales Tuts+ en mi página de instructor o seguirme en Twitter @reifman. Por favor publica cualquier comentario, corrección, o ideas adicionales abajo. Espero tu retroalimentación.

Enlaces Relacionados

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.