Maak een muur met sociale updates in uw WordPress-blog met de socialistische jQuery-plug-in

Advertentie

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

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

Invoering

Er zijn verschillende plug-ins voor het ophalen van updates van specifieke netwerken of de laatste berichten van een RSS-feed, 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 verschillende soical-netwerken en tot gewone RSS, waarbij zowel afbeeldingen als inhoud worden gepakt, waaronder:

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

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

Integreren met WordPress

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

1. Maak een nieuwe pagina waar je het socialistische blok wilt laten verschijnen; Ik neem aan dat je dit op een aparte pagina wilt, maar je zou de code ook ergens aan je indexsjabloon kunnen toevoegen. Als je voor een aparte pagina gaat, dupliceer dan je bestaande paginasjabloon en noem het "page-slug.php" waarbij slug de permalink is die WordPress gaf je nieuwe pagina (dat wil zeggen, de titel, met streepjes voor spaties en veelvoorkomende woorden verwijderd).
2. Bewerk de pagina om de WordPress-lus te verwijderen inhoud; we willen een basislay-out met meta-info en dergelijke.

Socialistische code toevoegen

Open de speciale paginasjabloon die je eerder hebt gemaakt en plak de volgende code in de hoofdinhoud Oppervlakte. Verander de stijl van de socialistische DIV naar jouw thema; Ik merkte dat het niet specificeren van breedte de lay-out brak, maar dat was misschien specifiek voor mijn thema. De onderstaande code is voorgeprogrammeerd op enkele van mijn eigen bronnen voor sociale updates; natuurlijk wilt u de verschillende ID's wijzigen in uw eigen ID's. Zie het readme-bestand voor het exacte formaat of eventuele aanvullende parameters. Over het algemeen is alles wat je nodig hebt de id-parameter. Begin met één en werk op, want een onjuiste ID zorgt ervoor dat de plug-in kapot gaat.

Samenvatting

Het zou wat meer aanpassingen kunnen doen in termen van doosgrootte of lay-out, en meer zijn robuust; maar het is nog vroeg en wat we al hebben is echt indrukwekkend denk ik. In feite zou dit perfect zijn om op de voorpagina van uw persoonlijk domein Overweegt u een persoonlijk domein te plaatsen? Hier zijn enkele coole toepassingen voor Zelfs als je geen fan bent van bloggen en je hebt geen geweldige nieuwe website om te lanceren, kan een persoonlijk domein een geweldige tool om te bezitten voor de lol of voor zelfpromotie: van een aangepaste... Lees meer die we vorige week bespraken.

Als je ' hebben problemen of heb een hand nodig om dit in WordPress te plaatsen, voel je vrij om het in de onderstaande opmerkingen te vragen, maar voeg een test-URL toe die ik kan bekijken en elke code kan bekijken fouten. Voor bugs in de daadwerkelijke plug-in zelf, plaats een nieuw probleem op GitHub. Denk je dat iemand anders deze geweldige jQuery-plug-in voor socialiseren kan maken? Deel vervolgens via de onderstaande knoppen om de wereld te vertellen.