Maak een muur voor sociale updates in uw WordPress Blog met Socialist jQuery Plugin

Socialist is een ongelooflijke nieuwe jQiuery-plug-in die je updates verzamelt op verschillende sociale netwerken en ze mooi weergeeft in een raster vergelijkbaar met Pinterest. Bekijk de onderstaande screenshot voor een idee van hoe prachtig dit is en lees verder voor hoe dit in WordPress kan worden geïmplementeerd.

Opmerking: socialist is een jQuery-plug-in. Ik zal volledige instructies geven over hoe dit in WordPress moet worden geïmplementeerd, maar een praktische kennis van jQuery kan nuttig zijn om typfouten of fouten in uw code te identificeren. Dit moet ook waarschijnlijk worden beschouwd als een bètaversie; sommige dingen zijn verbroken, het formatteren is niet perfect, maar het is nog steeds redelijk bruikbaar en indrukwekkend

Invoering

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

De plug-in is in staat om toegang te krijgen tot verschillende soicale netwerken en gewoon RSS, waarbij zowel afbeeldingen als inhoud worden gepakt - inclusief:

• Facebook
• tjilpen
• LinkedIn
• Flickr
• YouTube
• Pinterest
• RSS
• craigslist
• Google+

Tumblr-ondersteuning wordt ook vermeld, maar er is een fout in de code waardoor deze niet werkt; hopelijk wordt dit verholpen tegen de tijd dat deze tutorial wordt gepubliceerd.

Integratie met WordPress

1. 1. Laad een pagina op uw site en bekijk de bron. Zoek naar de string jQuery; als je dit al hebt, ga dan verder met stap 2. Zo nee, voeg dan jQuery toe door de volgende regel in je functions.php: wp_enqueue_script ('jQuery') op te nemen;
   2. Download het zipbestand van socialist van github [niet langer beschikbaar]. Unzip en upload de map via FTP naar uw werkthemapagina.
   3. Hernoem de map naar “socialist”
   4. Voeg in header.php de volgende twee regels ergens onder de functie wp_head maar vóór de eindtag toe:

1. Maak een nieuwe pagina waar je wilt dat het socialistische blok verschijnt; Ik ga ervan uit dat u dit op een aparte pagina wilt, maar u kunt de code ook ergens aan uw indexsjabloon toevoegen. Als u voor een afzonderlijke pagina gaat, dupliceert u uw bestaande paginasjabloon en roept u het “page-slug.php” waar slug de permalink is die WordPress je nieuwe pagina gaf (dat wil zeggen, de titel, met streepjes voor spaties en algemene woorden verwijderd).
2. Bewerk de pagina om WordPress loop-inhoud te verwijderen; we willen een basislay-out met meta-info en dergelijke.

Socialistische code toevoegen

Open de speciale paginasjabloon die u eerder hebt gemaakt en plak de volgende code in het hoofdinhoudsgebied. Verander de stijl van de socialistische DIV om bij uw thema te passen; Ik vond dat het niet specificeren van de breedte de lay-out heeft verbroken, maar dat kan specifiek zijn geweest voor mijn thema. De onderstaande code is voorgeprogrammeerd naar een aantal van mijn eigen bronnen voor sociale updates; natuurlijk wilt u de verschillende ID's naar uw eigen ID's wijzigen. Raadpleeg het Leesmij-bestand voor het exacte formaat of voor aanvullende parameters. In het algemeen is alles wat u nodig heeft de parameter id. Begin met één en werk op, omdat een onjuiste ID ervoor zorgt dat de plug-in breekt.

Samenvatting

Het zou kunnen doen met wat meer maatwerk in termen van doosgrootte of lay-out, en meer robuust zijn; maar het is nog steeds vroeg dag en wat we al hebben is echt indrukwekkend denk ik. Sterker nog, dit zou perfect zijn om op de voorpagina van uw persoonlijke domein te plaatsen. Beschouwing van een persoonlijk domein? Hier zijn enkele coole toepassingen voor het overwegen van een persoonlijk domein? Hier zijn enkele coole toepassingen voor Het 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 zijn om te bezitten voor plezier of zelfpromotie: van een aangepast ... Lees Meer dat we vorige week bespraken.

Als u problemen ondervindt of een hand nodig hebt om dit in WordPress te plaatsen, kunt u dit in de onderstaande opmerkingen vragen, maar voeg wel een test-URL toe die ik kan bekijken en bekijk eventuele codefouten. Voor bugs in de eigenlijke plug-in zelf, post een nieuw nummer op GitHub. Denk je dat iemand anders MakeUseOf kan maken van deze geweldige jQuery socialize plug-in? Deel daarna met behulp van de onderstaande knoppen om de wereld te vertellen.

Ontdek meer over: Bloggen, WordPress-plug-ins.