Vytvorte si na svojom blogu WordPress stenu so sociálnymi aktualizáciami pomocou doplnku Socialist jQuery

Reklama

Socialista je neuveriteľný nový doplnok jQiuery, ktorý agreguje vaše aktualizácie na rôznych sociálnych sieťach a zobrazuje ich krásne v mriežke podobnej Pinterest. Pozrite sa na snímku obrazovky nižšie, kde nájdete predstavu o tom, aké úžasné je to, a prečítajte si, ako implementovať tento postup v programe WordPress.

Poznámka: Socialista je doplnok jQuery. Budem poskytovať úplné pokyny, ako to implementovať vo WordPress, ale pracovná znalosť jQuery by bola užitočná pri identifikácii preklepov alebo chýb vo vašom kóde. Toto by sa pravdepodobne malo považovať aj za verziu beta; niektoré veci sú rozbité, formátovanie nie je dokonalé, ale stále je použiteľné a pôsobivé

úvod

Existujú rôzne doplnky na sťahovanie aktualizácií z konkrétnych sietí alebo najnovších príspevkov z informačného kanála RSS, ale žiadne z nich nie sú všetky a žiadne z nich nie sú také atraktívne. Tu môžete očakávať približne od 10 riadkov kódu:

Doplnok je schopný pristupovať k rôznym sieťam, ako aj k jednoduchým RSS, zachytáva obrázky a obsah - vrátane:

• Facebook
• cvrlikání
• LinkedIn
• flickr
• Ty trúbka
• pinterest
• RSS
• Craigslist
• Google+

V zozname je uvedená aj podpora spoločnosti Tumblr, ale v kóde sa momentálne vyskytuje chyba. dúfajme, že to bude stanovené do času uverejnenia tohto návodu.

Integrácia do WordPress

1. Načítať ľubovoľnú stránku na svojom webe a zobraziť zdroj. Vyhľadajte reťazec jQuery; ak už máte, pokračujte krokom 2. Ak nie, pridajte jQuery tak, že do svojich funkcií pridáte nasledujúci riadok.php: wp_enqueue_script („jquery“);
2. Stiahnite si súbor socialistov zo súboru github [Už nie je k dispozícii]. Rozbaľte a nahrajte priečinok do svojho adresára pracovných tém prostredníctvom FTP.
3. Premenujte priečinok na „socialistický“
4. V header.php pridajte nasledujúce dva riadky niekde pod funkciu wp_head, ale pred koncovú značku:

1. Vytvorte novú stránku, na ktorej chcete zobraziť socialistický blok; Predpokladám, že to chcete na samostatnej stránke, ale kód môžete niekde pridať do šablóny indexu. Ak hľadáte samostatnú stránku, duplikujte svoju existujúcu šablónu stránky a nazvite ju „page-slug.php“, kde slug je permalink, ktorý WordPress dal vašej novej stránke (tj nadpisu, s odstránenými pomlčkami a medzerami a bežnými slovami). S Socialist jQuery Plugin slug "title =" slug "src =" / f / 8f2e1820188f36cd563b619590440660.jpg "/>
2. Upravte stránku tak, aby sa vystrčila slučka WordPress. obsah; chceme základné rozloženie s meta informáciami a podobne.

Pridanie socialistického kódu

Otvorte šablónu špeciálnej stránky, ktorú ste vytvorili skôr, a prilepte nasledujúci kód do hlavného obsahu. area. Zmeňte štýl socialistického DIV tak, aby vyhovoval vašej téme; Zistil som, že nešpecifikovaním šírky sa rozvrhlo rozloženie, ale to môže byť konkrétne pre moju tému. Nižšie uvedený kód je predprogramovaný na niektoré z mojich vlastných zdrojov sociálnej aktualizácie; Samozrejme budete chcieť zmeniť rôzne ID na svoje vlastné. Presný formát alebo akékoľvek ďalšie parametre nájdete v súbore readme. Vo všeobecnosti všetko, čo potrebujete, je parameter id. Začnite s jedným a prepracujte ho, pretože nesprávne ID spôsobí porušenie doplnku.

Zhrnutie

Mohlo by to urobiť s väčším prispôsobením, pokiaľ ide o veľkosť alebo rozmiestnenie políčok, a byť viac robustný; ale stále sú to prvé dni a myslím si, že to, čo už máme, je skutočne pôsobivé. V skutočnosti by to bolo perfektné uviesť na titulnú stránku vašej osobnej domény vzhľadom na osobnú doménu? Tu je niekoľko zaujímavých použití Aj keď nie ste fanúšikom blogov a nemáte nový úžasný web na spustenie, osobná doména môže byť úžasný nástroj, ktorý môžete vlastniť pre zábavu alebo vlastnú propagáciu: z prispôsobeného... Viac informácií , o ktorých sme diskutovali minulý týždeň.

Ak ste znova problémy alebo potrebujete ruku pri vkladaní do WordPress, neváhajte sa opýtať v komentároch nižšie, ale zahrňte testovaciu URL, na ktorú sa môžem pozrieť a preskúmať akýkoľvek kód Chyby. V prípade chýb v samotnom doplnku uverejnite nový problém v službe GitHub. Myslíte si, že by niekto iný mohol urobiť tento úžasný doplnok jQuery na socializáciu? Potom zdieľajte pomocou tlačidiel nižšie a povedzte svetu.