Créez un mur de mises à jour sociales dans votre blog WordPress avec le plug-in jQuery socialiste

Publicité

Socialist est un nouveau plugin jQiuery incroyable qui regroupe 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 la beauté de ce jeu, et lisez la suite pour savoir comment l'implémenter dans WordPress.

Remarque: Socialist est un plugin jQuery. Je vais vous donner des instructions complètes sur la façon de l'implémenter 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 est encore assez utilisable et impressionnant

introduction

Il existe différents plugins pour extraire des mises à jour de réseaux spécifiques ou les derniers articles 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'une dizaine de lignes de code:

Le plugin est en mesure d'accéder à une variété de réseaux soical ainsi qu'à un simple flux RSS, à saisir des images ainsi que du contenu - y compris:

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

La prise en charge de Tumblr est également répertoriée, mais un code dans le code l'empêche actuellement de fonctionner; nous espérons qu'il sera corrigé au moment de la publication de ce didacticiel.

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 sur github [No Longer Available]. 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 sous la fonction wp_head mais avant la balise de fin:

1. Créez une nouvelle page où vous voulez que le bloc socialiste apparaisse; Je suppose que vous le souhaitez sur une page distincte, 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 permalien de WordPress. a donné votre nouvelle page (c'est-à-dire le titre, avec des tirets pour les espaces et les mots courants supprimés).
2. Modifier la page pour supprimer la boucle WordPress contenu; nous voulons une mise en page de base avec des méta-informations et autres.

Ajout d'un code socialiste

Ouvrez le modèle de page spécial que vous avez créé précédemment et collez le code suivant dans le contenu principal région. Changez le style de la DIV socialiste en fonction de votre thème; J'ai trouvé que la spécification de la largeur ne respectait pas la disposition, mais cela pouvait être particulier à mon thème. Le code ci-dessous est préprogrammé pour certaines de mes propres sources de mise à jour sociale; bien sûr, vous voudrez changer les différents ID pour les vôtres. Pour le format exact ou tout autre paramètre supplémentaire, consultez le fichier Lisez-moi. En général, tout ce dont vous avez besoin est le paramètre id. Commencez avec un et travaillez, car un ID incorrect entraînera la rupture du plugin.

Résumé

Cela pourrait faire avec plus de personnalisation en termes de taille de boîte ou de disposition, et être plus robuste; mais c'est encore tôt et ce que nous avons déjà est vraiment impressionnant je pense. En fait, ce serait parfait pour mettre en première page de votre domaine personnel Vous envisagez 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 un nouveau site Web incroyable à lancer, un domaine personnel peut être un outil génial à posséder pour le plaisir ou l'auto-promotion: à partir d'un... En savoir plus dont nous avons discuté la semaine dernière.

Si vous ' re avoir problèmes ou 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 regarder et examiner n'importe quel code les erreurs. Pour les bugs dans le plugin lui-même, veuillez poster un nouveau problème sur GitHub. Vous pensez que quelqu'un d'autre pourrait utiliser MakeUseOf de ce formidable plugin de socialisation jQuery? Partagez ensuite en utilisant les boutons ci-dessous pour dire au monde.