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

Socialist est un incroyable nouveau plug-in jQiuery qui regroupe vos mises à jour sur divers réseaux sociaux et les affiche magnifiquement dans une grille semblable à celle de Pinterest. Jetez un œil à la capture d'écran ci-dessous pour avoir une idée de la beauté de cette image et poursuivez votre lecture pour savoir comment l'implémenter dans WordPress..

Note: Socialist est un plugin jQuery. Je donnerai des instructions complètes sur la manière 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. En outre, cela devrait probablement être considéré comme une version bêta; certaines choses sont cassées, le formatage n'est pas parfait, mais il reste assez utilisable et impressionnant

introduction

Il existe divers plugins 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 cela. 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’à un simple flux RSS, à la saisie d’images et à du contenu, notamment:

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

Le support Tumblr est également répertorié, mais un code dans le code l’empêche actuellement de fonctionner. j'espère que ça va être corrigé au moment où ce tutoriel sera publié.

Intégration à WordPress

1. 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 du socialiste à partir de github [Plus disponible]. Décompressez et téléchargez le dossier dans le répertoire de votre thème de travail via FTP..
   3. Renommez le dossier en “socialiste”
   4. Dans header.php, ajoutez les deux lignes suivantes quelque part sous la fonction wp_head mais avant la balise de fin:

1. Créez une nouvelle page où vous souhaitez que le bloc socialiste apparaisse. Je suppose que vous voulez cela sur une page séparée, mais vous pouvez également ajouter le code à votre modèle d'index quelque part. Si vous optez pour une page distincte, dupliquez votre modèle de page existant et appelez-le. “page-slug.php” où slug est le lien permanent que WordPress a donné à votre nouvelle page (c'est-à-dire le titre, avec des tirets pour les espaces et les mots courants supprimés).
2. Modifiez la page pour supprimer le contenu de la boucle WordPress. nous voulons une mise en page de base avec méta-info et autres.

Ajout de code socialiste

Ouvrez le modèle de page spécial que vous avez créé précédemment et collez le code suivant dans la zone de contenu principale. Modifiez le style de la division socialiste en fonction de votre thème. Je trouve que ne pas spécifier la largeur a cassé la mise en page, mais cela peut avoir été particulier à mon thème. Le code ci-dessous est préprogrammé pour certaines de mes propres sources de mises à jour sociales; bien sûr, vous voudrez changer les différents identifiants pour les vôtres. Pour le format exact ou tout paramètre supplémentaire, voir le fichier lisez-moi. En général, tout ce dont vous avez besoin est le paramètre id. Commencez avec un et progressez, car un ID incorrect fera casser le plugin.

Résumé

Cela pourrait se faire avec plus de personnalisation en termes de taille de boîte ou de disposition, et d'ê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 pour faire la une de votre domaine personnel Vous envisagez un domaine personnel? Voici quelques utilisations intéressantes en ce qui concerne un domaine personnel? Voici quelques utilisations intéressantes. Même si vous n'êtes pas un fan des blogs et que vous n'avez pas de nouveau site Web incroyable à lancer, un domaine personnel peut être un outil formidable à posséder pour le plaisir ou pour la promotion personnelle:… Lire Plus dont nous avons discuté la semaine dernière.

Si vous rencontrez des problèmes ou si vous avez besoin d'un coup de main pour mettre ceci dans WordPress, n'hésitez pas à demander dans les commentaires ci-dessous, mais incluez une URL de test. Je peux consulter et examiner les erreurs de code. Pour les bugs dans le plugin lui-même, merci de poster un nouveau numéro sur GitHub. Pensez que quelqu'un d'autre pourrait MakeUseOf ce génial plugin jQuery socialize? Partagez ensuite en utilisant les boutons ci-dessous pour dire au monde.

Explorer plus sur: Blogging, Wordpress Plugins.