Maak een Social Updates-muur in uw WordPress-blog met de Socialist jQuery-plug-in

Maak een Social Updates-muur in uw WordPress-blog met de Socialist jQuery-plug-in

Socialist is een ongelooflijke nieuwe jQiuery-plug-in die uw updates op verschillende sociale netwerken verzamelt en prachtig weergeeft in een raster dat lijkt op Pinterest. Bekijk de onderstaande schermafbeelding voor een idee van hoe prachtig dit is, en lees verder om dit in WordPress te implementeren.





Opmerking: Socialist is een jQuery-plug-in. Ik zal volledige instructies geven over hoe dit in WordPress te implementeren, maar een praktische kennis van jQuery zou nuttig zijn om typefouten of fouten in uw code te identificeren. Dit moet waarschijnlijk ook als een bètaversie worden beschouwd; sommige dingen zijn kapot, opmaak is niet perfect, maar het is nog steeds behoorlijk bruikbaar en indrukwekkend





hoe u uw nummer kunt blokkeren wanneer u belt op Android

Invoering

Er bestaan ​​verschillende plug-ins om updates van specifieke netwerken of de laatste berichten van een RSS-feed te halen, maar geen enkele doet ze allemaal en geen enkele is zo aantrekkelijk als deze. Dit is wat u kunt verwachten van ongeveer 10 regels code:





De plug-in heeft toegang tot een verscheidenheid aan sociale netwerken, evenals gewone RSS, en kan zowel afbeeldingen als inhoud pakken, waaronder:

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

Tumblr-ondersteuning wordt ook vermeld, maar er is een bug in de code die momenteel verhindert dat deze werkt; hopelijk is het opgelost tegen de tijd dat deze tutorial wordt gepubliceerd.



Integreren met WordPress

  1. Laad een willekeurige pagina op uw site en bekijk de bron. Zoek naar de tekenreeks jQuery; als je het al hebt, ga dan verder met stap 2. Zo niet, voeg dan jQuery toe door de volgende regel in je functions.php op te nemen: wp_enqueue_script(‘jquery’);
  2. Download het zip-bestand van socialist van github. Pak uit en upload de map via FTP naar uw werkthema-map.
  3. Hernoem de map naar socialist
  4. Voeg in header.php de volgende twee regels toe ergens onder de functie wp_head, maar vóór de eindtag:



Samenvatting

Het zou wat meer maatwerk kunnen gebruiken in termen van doosgrootte of lay-out, en robuuster zijn; maar het is nog vroeg en wat we al hebben is echt indrukwekkend vind ik. In feite zou dit perfect zijn om op de voorpagina van uw persoonlijke domein te plaatsen, waarover we vorige week hebben gesproken.





Als je problemen hebt of hulp nodig hebt om dit in WordPress te zetten, vraag het dan gerust in de reacties hieronder, maar voeg wel een test-URL toe waar ik naar kan kijken en eventuele codefouten kan onderzoeken. Voor bugs in de eigenlijke plug-in zelf, plaats een nieuw probleem op GitHub. Denk je dat iemand anders deze geweldige jQuery-socialisatie-plug-in zou kunnen maken? Deel het dan via onderstaande buttons om het de wereld te vertellen.

hoe profielen op ps4 te verwijderen
Deel Deel Tweeten E-mail Hoe u het uiterlijk van uw Windows 10-bureaublad kunt wijzigen

Wilt u weten hoe u Windows 10 er beter uit kunt laten zien? Gebruik deze eenvoudige aanpassingen om Windows 10 uw eigen te maken.

Lees volgende
Gerelateerde onderwerpen
  • Wordpress en webontwikkeling
  • Bloggen
  • Wordpress-plug-ins
Over de auteur James Bruce(707 artikelen gepubliceerd)

James heeft een BSc in Artificial Intelligence en is CompTIA A+ en Network+ gecertificeerd. Als hij het niet druk heeft als redacteur van hardwarerecensies, geniet hij van LEGO, VR en bordspellen. Voordat hij bij MakeUseOf kwam, was hij lichttechnicus, leraar Engels en datacenteringenieur.

Meer van James Bruce

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren