Créez un mur de mises à jour sociales dans votre blog WordPress avec le plugin Socialist jQuery

Créez un mur de mises à jour sociales dans votre blog WordPress avec le plugin Socialist jQuery

Socialist est un nouveau plugin jQiuery incroyable qui agrège vos mises à jour sur divers réseaux sociaux et les affiche magnifiquement dans une grille similaire à Pinterest. Consultez la capture d'écran ci-dessous pour avoir une idée de sa beauté et lisez la suite pour savoir comment l'implémenter dans WordPress.





Remarque : Socialist est un plugin jQuery. Je vais donner des instructions complètes sur la façon de mettre en œuvre cela dans WordPress, mais une connaissance pratique de jQuery serait utile pour identifier les fautes de frappe ou les erreurs dans votre code. De plus, cela devrait probablement être considéré comme une version bêta ; certaines choses sont cassées, le formatage n'est pas parfait, mais c'est quand même assez utilisable et impressionnant





pouvez-vous obtenir le mode portrait sur iphone 7

introduction

Divers plugins existent pour extraire les mises à jour de réseaux spécifiques ou les derniers messages d'un flux RSS, mais aucun ne les fait tous et aucun n'est aussi attrayant que celui-ci. Voici ce que vous pouvez attendre d'environ 10 lignes de code :





Le plugin est capable d'accéder à une variété de réseaux sociaux ainsi qu'à de simples flux RSS, en saisissant des images ainsi que du contenu, notamment :

  • Facebook
  • Twitter
  • LinkedIn
  • Flickr
  • Youtube
  • Pinterest
  • RSS
  • Craigslist
  • Google+

La prise en charge de Tumblr est également répertoriée, mais un bogue dans le code l'empêche actuellement de fonctionner ; J'espère que cela sera corrigé au moment où ce didacticiel sera publié.



Intégration à WordPress

  1. Chargez n'importe quelle page de votre site et affichez la source. Recherchez la chaîne jQuery ; si vous l'avez déjà, passez à l'étape 2. Sinon, ajoutez jQuery en incluant la ligne suivante dans votre functions.php : wp_enqueue_script('jquery');
  2. Téléchargez le fichier zip de socialiste à partir de github [Non plus disponible]. Décompressez et téléchargez le dossier dans votre répertoire de thème de travail via FTP.
  3. Renommez le dossier en socialiste
  4. Dans header.php , ajoutez les deux lignes suivantes quelque part en dessous de la fonction wp_head mais avant la balise de fin :



Sommaire

Cela pourrait faire avec un peu plus de personnalisation en termes de taille ou de disposition de la boîte, et être plus robuste; mais il est encore tôt et ce que nous avons déjà est vraiment impressionnant je pense. En fait, ce serait parfait à mettre sur la première page de votre domaine personnel dont nous avons discuté la semaine dernière.





Si vous rencontrez des problèmes ou avez besoin d'un coup de main pour mettre cela dans WordPress, n'hésitez pas à demander dans les commentaires ci-dessous, mais incluez une URL de test que je peux consulter et examiner les erreurs de code. Pour les bogues dans le plugin lui-même, veuillez publier un nouveau problème sur GitHub. Vous pensez que quelqu'un d'autre pourrait MakeUseOf ce plugin de socialisation jQuery génial ? Ensuite, partagez en utilisant les boutons ci-dessous pour dire au monde.

à quoi sert la redirection de port pour les jeux
Partager Partager Tweeter E-mail Comment changer l'apparence de votre bureau Windows 10

Vous voulez savoir comment améliorer l'apparence de Windows 10 ? Utilisez ces personnalisations simples pour vous approprier Windows 10.

Lire la suite
Rubriques connexes
  • Développement WordPress et Web
  • Bloguer
  • Plugins Wordpress
A propos de l'auteur James Bruce(707 articles publiés)

James a un BSc en Intelligence Artificielle et est certifié CompTIA A+ et Network+. Lorsqu'il n'est pas occupé en tant qu'éditeur de revues de matériel, il aime les jeux LEGO, la réalité virtuelle et les jeux de société. Avant de rejoindre MakeUseOf, il était technicien en éclairage, professeur d'anglais et ingénieur en centre de données.

Plus de James Bruce

Abonnez-vous à notre newsletter

Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !

Cliquez ici pour vous abonner