Oglas
Socialist je neverjeten nov vtičnik jQiuery, ki zbira vaše posodobitve na različnih družbenih omrežjih in jih lepo prikazuje v mreži, podobni Pinterestu. Oglejte si spodnji posnetek zaslona za idejo, kako krasen je to, in preberite si, kako to uresničiti v WordPressu.
Opomba: Socialist je vtičnik jQuery. Dajal bom popolna navodila, kako to izvajati v WordPressu, vendar bi bilo dobro znanje jQuery koristno za prepoznavanje tipk ali napak v kodi. Tudi to bi najbrž veljalo za beta različico; nekatere stvari so pokvarjene, oblikovanje ni popolno, vendar je še vedno precej uporabno in impresivno
Uvod
Obstajajo različni vtičniki za vlečenje posodobitev iz določenih omrežij ali najnovejših objav iz vira RSS, vendar nobena ne naredi vseh in nobena ni tako privlačna kot ta. Tukaj lahko pričakujete od približno 10 vrstic kode:
Vtičnik lahko dostopa do različnih soical omrežij, pa tudi do navadnega RSS-ja, zgrabi slike in vsebino - vključno z:
- Flickr
- YouTube
- RSS
- Craigslist
- Google+
Navedena je tudi podpora za Tumblr, vendar v kodi trenutno obstaja napaka, ki ji preprečuje delovanje; upajmo, da ga bomo odpravili do objave te vadnice.
Integracija v WordPress
- Naložite katero koli stran na svojem spletnem mestu in si oglejte vir. Poiščite niz jQuery; če ga že imate, nadaljujte z 2. korakom. Če ne, dodajte jQuery tako, da v svoje funkcije.php vključite naslednjo vrstico: wp_enqueue_script ('jquery');
- Prenesite zip datoteko socialista iz github [Ni več na voljo]. Odstranite in naložite mapo v svoj delovni imenik prek FTP-ja.
- Mapo preimenujte v »socialistično«
- V header.php dodajte naslednji dve vrstici nekje pod funkcijo wp_head, vendar pred končno oznako:
- Ustvarite novo stran, na kateri želite, da se prikaže socialistični blok; Predvidevam, da to želite na ločeni strani, vendar bi lahko kodo enako dodali tudi v svojo predlogo indeksa. Če greš na ločeno stran, podvoji obstoječo predlogo strani in jo pokliči "page-slug.php", kjer je slug stalna povezava, ki jo WordPress dal novo stran (to je naslov z odstranjenimi črticami za presledke in običajne besede).
- Uredi stran, da se odstrani WordPress zanka vsebina; želimo osnovno postavitev z meta informacijami in podobnimi.
Dodajanje socialistične kode
Odprite posebno predlogo strani, ki ste jo ustvarili prej, in prilepite naslednjo kodo v glavno vsebino območje. Spremenite slog socialističnega DIV-a glede na vašo temo; Ugotovil sem, da ni določil širine preloma postavitve, toda to je bilo morda posebej pri moji temi. Spodnja koda je predprogramirana v nekaterih mojih lastnih virih posodobitve; seveda boste želeli različne ID-je spremeniti v svoje. Za natančen format ali morebitne dodatne parametre glejte datoteko readme. Na splošno je vse, kar potrebujete, parameter id. Začnite z enim in nadaljujte, saj bo zaradi napačnega ID-ja vtičnik pokvarjen.
Povzetek
To lahko naredi še z nekaj prilagoditve glede na velikost ali postavitev polja in biti več robusten; vendar so še vedno zgodnji dnevi in to, kar že imamo, je res impresivno. V resnici bi bilo to odlično postaviti na naslovnico vaše osebne domene Razmislite o osebni domeni? Tukaj je nekaj odličnih uporab za to Tudi če niste ljubitelj bloganja in nimate osupljivega novega spletnega mesta, bi lahko bila osebna domena super orodje za zabavo ali samopromocijo: iz prilagojenega... Preberite več o katerem smo razpravljali prejšnji teden.
Če želite imajo težave ali potrebujete roko, s katero to vnesete v WordPress, vas prosimo, da vprašate v spodnjih komentarjih, vendar vsebujejo preskusni URL, na katerem lahko pogledam in preučim katero kodo napake. Za napake v samem vtičniku pošljite novo izdajo na GitHub. Mislite, da bi lahko kdo drug MakeUseOf tega super jQuery vtičnika? Nato delite s spodnjimi gumbi, da bi sporočili svetu.
James ima doktorat iz področja umetne inteligence in ima certifikat CompTIA A + in Network +. Je vodilni razvijalec MakeUseOf in svoj prosti čas preživlja z igranjem VR paintball in družabnih iger. Z računalniki gradi že od malih nog.
