Share
Ce que vous allez créerDans ce tutoriel, je vous guiderai à travers l'installation, la configuration et la personnalisation d'un plugin gratuit et open source Twitter Archive et de son thème WordPress associé..
Auparavant, Google avait noué un partenariat de recherche avec Twitter, mais après son expiration, il laissait un peu au hasard la possibilité de découvrir votre archive de tweets. En outre, le trafic des moteurs de recherche sur Twitter.com ne permet pas de définir le classement des moteurs de recherche de votre site Web ni de générer des revenus.
Le développeur Ozh Richard a créé un plugin WordPress qui archivera automatiquement vos tweets sur votre blog WordPress. Richard a également créé un thème WordPress uniquement pour vos archives Twitter. Il est également le créateur de quelques autres choses intéressantes, y compris YOURLS (dont j'ai écrit un tutoriel à venir sur la page de vérification de mon instructeur).
La gestion d’un site WordPress de vos archives Twitter permet à Google d’indexer plus facilement vos tweets, de générer davantage de trafic de recherche et d’ajouter au classement de votre moteur de recherche et à vos sources de revenus potentielles. Théoriquement, vous pourrez peut-être tirer des revenus de la publicité sur ces pages ou engager des discussions avec les lecteurs publiant des commentaires. Cela peut également conduire de manière native à des discussions sur Twitter à partir du trafic Web de Google..
Vous pouvez utiliser n’importe quel serveur LAMP ou instance cloud pour installer WordPress. J'utilise Digital Ocean car il est peu coûteux et offre des disques SSD rapides pour l'hébergement. Vous pouvez trouver mon guide visuel sur l'installation de WordPress à Digital Ocean ici.
Une fois que WordPress est complètement installé et configuré avec votre domaine d'archivage Twitter, vous pouvez continuer ci-dessous. Vous pouvez également expérimenter en ajoutant le plugin Twitter Archive à un site WordPress existant, même si cela générera probablement de nombreux messages, de nombreux tweets pointant vers votre site lui-même..
Le thème Tweet Archiver étant hébergé sur un référentiel Github public, je me suis connecté à mon serveur et l’a capturé et décompressé là (/ var / www / tweets est le répertoire de mon installation WordPress pour mon archive Twitter):
cd / var / www / tweets / wp-content / themes wget https://github.com/ozh/ozh-tweet-archive-theme/archive/master.zip unzip master.zip rm master.zip mv ozh-tweet- archive-theme-master / tweetarchive
Remarque: une autre alternative à l'approche que j'utilise serait de créer votre propre référentiel local du thème et d'apporter des modifications avant de les transférer sur votre serveur..
Ensuite, visitez le tableau de bord Apparence> Thèmes menu et cliquez Activer à côté de la Tweet Archiveur thème:
Malheureusement, le thème doit être personnalisé manuellement. il n'y a pas d'interface de tableau de bord WordPress pour le personnaliser.
Utilisez le Apparence> Editeur et choisissez le Header.php fichier à éditer:
Vous voudrez modifier tous les liens HTML et les champs de texte vers votre propre compte Twitter et les pages associées. Vous ne pouvez pas remplacer globalement "ozh" car il est utilisé comme préfixe pour de nombreuses fonctions de plug-in.
Il y a deux blocs qui doivent être édités dans header.php:
- Ozh @ozh
- tweets
- Suivant
- suiveurs
- énumérés
Voici la seconde:
- Jeff Reifman
- @reifman
- @newscloud
- Jeff Reifman
- Seattle, WA.
- jeffreifman.com
- lookahead.io
Enregistrer les modifications lorsque vous avez apporté vos modifications.
Maintenant, nous pouvons installer le plugin Tweet Archiver lui-même:
Aller à Plugins> Ajouter un nouveau, et rechercher tweet archiver:
Cliquez sur Installer et l'activer. Il vous sera demandé de configurer ses paramètres, mais nous devons d’abord créer une application Twitter pour obtenir les clés d’API de notre compte Twitter..
Visitez le gestionnaire d'applications de Twitter pour enregistrer une nouvelle application:
Cliquez sur Créer une nouvelle application et fournissez l'URL de votre archive WordPress Twitter:
Accédez à l'onglet Clés et jetons d'accès pour copier la clé et le secret du consommateur pour votre application Twitter:
Maintenant, collez-les dans les paramètres du plugin:
Pour l'instant, vous pouvez conserver les paramètres par défaut du plug-in étendu:
Enregistrer les modifications.
Le plugin commencera immédiatement à télécharger votre archive de Tweet:
Il y a encore quelques ajustements à faire. Nous devons télécharger une nouvelle image de profil et une nouvelle image d’arrière-plan et remplacer les liens menant à ceux-ci dans notre propre feuille de style (style.css)..
Créez une image de profil carrée de 256 x 256 pixels. Téléchargez ceci en utilisant la médiathèque. Notez l'URL absolue et remplacez img / new-profile.jpg dans la feuille de style ci-dessous avec le lien vers votre nouvelle image de profil. Utilisation Apparence> Editeur> Feuille de style pour éditer le fichier:
#user .avatar width: 200px; hauteur: 200px; background-image: url (img / new-profile.jpg); taille du fond: 100% 100%; border-radius: 10px; marge: 8px; rembourrage: 8px; bloc de visualisation;
Créez également une image d'arrière-plan plus grande de 1500 x 500 pixels et chargez-la dans la médiathèque. Notez l’URL absolue de cette image et remplacez-la dans le fichier style.css aux deux endroits où le #entête paramètre de fond apparaît:
Accentsconagua
/ * Structure, de base, sans style ----------------------------------------------- ---- * / #header background: url transparent (http://twitter.jeffreifman.com/wp-content/uploads/2014/11/background.jpg) right -100px no-repeat; taille du fond: 100% auto; largeur: 100%; hauteur: 250px; … / * Styles réactifs ---------------------------------------------------- --- * / # nom-minuscule display: none; @média tous et (largeur maximale: 1068px) #header background: url ("http://twitter.jeffreifman.com/wp-content/uploads /2014/11/background.jpg ") no-repeat -220px center; Alternativement, vous pouvez remplacer ces fichiers sur le serveur directement via FTP ou SCP.
Vous pouvez voir mon site en direct sur http://twitter.jeffreifman.com. Une fois que vous avez terminé les modifications, votre site apparaîtra comme ceci:
Chaque article créé par l’archiveur de tweets est juste un article WordPress individuel:
J'aime beaucoup la manière dont le tagging WordPress améliore mes archives Twitter:
Maintenant que notre site alimente le contenu de Twitter, nous devons l’optimiser pour les moteurs de recherche. Je recommande d'installer les plug-ins Yoast SEO et Yoast Google Analytics.
Vous devez ajouter un nouveau site Web à votre tableau de bord Google Analytics et coller la chaîne personnalisée (par exemple, UA-xxxxxxxx-xx) dans le plug-in Yoast Google Analytics..
Une fois terminé, vous pouvez vérifier votre site à partir du tableau de bord Yoast SEO. ceci enregistre et vérifie votre site avec Google Webmaster Tools.
Yoast SEO générera des fichiers Sitemap que Google indexera régulièrement. Assurez-vous de soumettre votre sitemap à Google Webmaster Tools, par exemple. http://votrearchivedomain.com/sitemap_index.xml.
Bientôt, vous constaterez que le trafic Web sur votre site Twitter s'accumule, autrement que sur Twitter.com..
Si vous souhaitez en savoir plus sur la manière dont Tweet Archiver utilise l'API Twitter en général, consultez notre série Tuts + sur la construction avec l'API Twitter. Vous pouvez également inspecter le code de ce plugin sous Plugins> Editeur> ozh-tweet-archiver / inc / import.php.
Vous pouvez également consulter une série que je suis en train d'écrire pour Tuts + sur les réseaux sociaux open source. Les fonctionnalités de ce plug-in ont une certaine pertinence pour l’effort général de réseautage social open source, car elles fournissent un moyen de migrer vos Tweets vers un site WordPress. Vous pouvez trouver cette série et mes autres tutoriels Tuts + sur ma page d’instructeur ou suivez-moi sur Twitter @reifman. S'il vous plaît poster des commentaires, des corrections ou des idées supplémentaires ci-dessous. Je me réjouis de votre contribution.
