Skapa en social uppdateringsvägg i din WordPress -blogg med socialistiskt jQuery -plugin

Skapa en social uppdateringsvägg i din WordPress -blogg med socialistiskt jQuery -plugin

Socialist är ett otroligt nytt jQiuery -plugin som samlar dina uppdateringar på olika sociala nätverk och visar dem vackert i ett rutnät som liknar Pinterest. Kolla in skärmdumpen nedan för en uppfattning om hur underbart det här är och läs vidare för hur du implementerar detta i WordPress.





Obs! Socialist är ett jQuery -plugin. Jag kommer att ge fullständiga instruktioner om hur man implementerar detta i WordPress, men en fungerande kunskap om jQuery skulle vara till hjälp för att identifiera stavfel eller fel i din kod. Detta bör också antagligen betraktas som en betaversion; vissa saker är trasiga, formateringen är inte perfekt, men det är fortfarande ganska användbart och imponerande



roterande video på Windows Media Player

Introduktion

Det finns olika plugins för att hämta uppdateringar från specifika nätverk eller de senaste inläggen från ett RSS -flöde, men ingen gör dem alla och ingen är lika attraktiv som den här. Här är vad du kan förvänta dig av cirka 10 rader kod:



Insticksprogrammet har åtkomst till en mängd olika soiska nätverk samt bara vanlig RSS, ta bilder såväl som innehåll - inklusive:

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

Tumblr -stöd listas också, men det finns en bugg i koden som för närvarande förhindrar att den fungerar; förhoppningsvis kommer det att fixas när den här självstudien publiceras.



Integrering med WordPress

  1. Ladda vilken sida som helst på din webbplats och se källan. Sök efter strängen jQuery; om du redan har det, fortsätt till steg 2. Om inte, lägg till jQuery genom att inkludera följande rad i dina funktioner.php: wp_enqueue_script (‘jquery’);
  2. Ladda ner zip -filen för socialist från github [No Longer Available]. Packa upp och ladda upp mappen till din arbetstemakatalog via FTP.
  3. Byt namn på mappen till socialist
  4. I header.php lägger du till följande två rader någonstans under funktionen wp_head men före sluttaggen:


Sammanfattning

Det kan göra med lite mer anpassning när det gäller boxstorlek eller layout och vara mer robust; men det är fortfarande tidiga dagar och det vi redan har är verkligen imponerande tycker jag. Faktum är att det här skulle vara perfekt att sätta på förstasidan för din personliga domän som vi diskuterade förra veckan.



Om du har problem eller behöver en hand att lägga in detta i WordPress, fråga gärna i kommentarerna nedan, men inkludera en test -URL som jag kan titta på och granska eventuella kodfel. För buggar i själva pluginet, vänligen lägg upp ett nytt nummer på GitHub. Tror du att någon annan kan MakeUseOf denna fantastiska jQuery socialize plugin? Dela sedan med knapparna nedan för att berätta för världen.

hur man visar meddelanden på instagram på datorn
Dela med sig Dela med sig Tweet E-post Så här ändrar du utseende och känsla på ditt Windows 10 -skrivbord

Vill du veta hur du får Windows 10 att se bättre ut? Använd dessa enkla anpassningar för att göra Windows 10 till din egen.

Läs Nästa Relaterade ämnen
  • Wordpress och webbutveckling
  • Bloggar
  • Wordpress -plugins
Om författaren James Bruce(707 artiklar publicerade)

James har en BSc i artificiell intelligens och är CompTIA A+ och Network+ -certifierad. När han inte är upptagen som Hardware Reviews Editor, gillar han LEGO, VR och brädspel. Innan han började på MakeUseOf var han belysningstekniker, engelsklärare och datacenteringenjör.

Mer från James Bruce

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!

Klicka här för att prenumerera