Napravite zid društvenih ažuriranja u svom WordPress blogu pomoću socijalističkog jQuery dodatka

Oglas

Socialist je nevjerojatan novi jQiuery dodatak koji objedinjuje vaše nadogradnje na različitim društvenim mrežama i prikazuje ih lijepo u mreži sličnoj Pinterestu. Pogledajte donju sliku zaslona kako biste vidjeli koliko je ovo prekrasno i pročitajte o tome kako to implementirati u WordPress.

Napomena: Socialist je jQuery dodatak. Dat ću potpune upute o tome kako to implementirati u WordPress, ali dobro znanje jQuery-a bilo bi korisno za prepoznavanje pogrešaka u pogreškama ili kodu u vašem kodu. Također, ovo bi se vjerojatno trebalo smatrati beta verzijom; neke su stvari polomljene, oblikovanje nije savršeno, ali je još uvijek vrlo korisno i impresivno

Uvod

Postoje različiti dodaci za povlačenje ažuriranja s određenih mreža ili najnovijih postova iz RSS feeda, ali nijedan ih ne čini sve i niti jedan nije tako atraktivan kao ovaj. Evo što možete očekivati ​​od oko 10 redaka koda:

Dodatak može pristupiti raznim soical mrežama, kao i običnom RSS-u, hvatajući slike kao i sadržaj - uključujući:

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

Navedena je i podrška za Tumblr, ali postoji pogreška u kodu koji trenutno sprečava da radi; nadamo se da će se to popraviti do trenutka objave ovog vodiča.

Integriranje u WordPress

1. Učitajte bilo koju stranicu na web mjestu i pogledajte izvor. Potražite niz jQuery; ako ga već imate, nastavite na korak 2. Ako ne, dodajte jQuery uključivanjem sljedećeg retka u svoje funkcije.php: wp_enqueue_script ('jquery');
2. Preuzmite zip datoteku socijalista s github [Nema više dostupnih]. Raspakujte i prenesite mapu u svoj radni direktorij putem FTP-a.
3. Preimenujte mapu u "socijalističku"
4. U header.php dodajte sljedeća dva retka negdje ispod funkcije wp_head, ali prije završne oznake:

1. Stvorite novu stranicu na kojoj želite da se pojavi socijalistički blok; Pretpostavljam da to želite na zasebnoj stranici, ali biste jednako mogli negdje dodati kod u svoj predložak indeksa. Ako idete na zasebnu stranicu, duplicirajte postojeći predložak stranice i nazovite to "page-slug.php" gdje je slug trajna veza koju WordPress dao svoju novu stranicu (tj. naslov, s crticama za razmake i uobičajenim riječima uklonjen).
2. Uređivanje stranice za uklanjanje WordPress petlje sadržaj; želimo osnovni izgled s meta informacijama i takvim.

Dodavanje socijalističkog koda

Otvorite posebni predložak stranice koji ste prethodno stvorili i zalijepite u sljedeći kod na glavni sadržaj područje. Promijenite stil socijalističkog DIV-a prema vašoj temi; Otkrio sam da ne određujem širinu probijenog izgleda, ali to je moglo posebno odgovarati mojoj temi. Dolje navedeni kôd unaprijed je programiran u nekim mojim izvorima društvenih ažuriranja; naravno da ćete htjeti promijeniti različite ID-ove prema vlastitim. Točan format ili dodatne parametre potražite u datoteci readme. Općenito, sve što trebate je parametar id. Započnite s jednim i razradite jer će pogrešan ID uzrokovati pucanje dodatka.

Sažetak

To bi moglo učiniti s još nekim prilagođavanjem u smislu veličine ili izgleda okvira, i biti više robustan; ali još su rani dani, mislim da je zaista impresivno ono što već imamo. U stvari, ovo bi bilo savršeno staviti na naslovnu stranicu svoje osobne domene Razmatrajući osobnu domenu? Evo nekoliko korisnih koristi za to Čak i ako niste ljubitelj bloganja i nemate novu nevjerojatnu web stranicu za pokretanje, osobna domena može biti sjajan alat za posjedovanje zabave ili samopromocije: od prilagođenog... Pročitajte više o kojem smo razgovarali prošli tjedan.

Ako ' imaš problema ili vam je potrebna ruka koja ovo stavlja u WordPress, slobodno zapitajte u donjim komentarima, ali uključuju li test test URL mogu pogledati i ispitati bilo koji kôd pogreške. Za greške u samom dodatku, pošaljite novi broj na GitHub-u. Mislite da bi netko mogao učiniti MakeUseOf ovog fantastičnog dodatka za jQuery? Zatim podijelite pomoću gumba u nastavku kako biste obavijestili svijet.