Vytvořte si zeď sociálních aktualizací ve svém blogu WordPress pomocí socialistického jQuery pluginu

reklama

Socialist je neuvěřitelný nový plugin jQiuery, který agreguje vaše aktualizace na různých sociálních sítích a zobrazuje je krásně v mřížce podobné Pinterestu. Podívejte se na níže uvedený snímek obrazovky, abyste získali představu o tom, jak je to nádherné, a přečtěte si, jak to implementovat ve WordPressu.

Poznámka: Socialista je plugin jQuery. Budu dávat úplné pokyny, jak to implementovat ve WordPress, ale pracovní znalost jQuery by byla užitečná při identifikaci překlepů nebo chyb v kódu. Také by to mělo být pravděpodobně považováno za beta verzi; některé věci jsou rozbité, formátování není dokonalé, ale je stále docela použitelné a působivé

Úvod

Existují různé zásuvné moduly pro stahování aktualizací z konkrétních sítí nebo z nejnovějších příspěvků z kanálu RSS, ale žádný z nich je ne všechny a žádný z nich není tak atraktivní. Zde můžete očekávat přibližně od 10 řádků kódu:

Plugin je schopen přistupovat k celé řadě soických sítí, stejně jako k prostému RSS, popadat obrázky i obsah - včetně:

• Facebook
• Cvrlikání
• LinkedIn
• Flickr
• Youtube
• Pinterest
• RSS
• Craigslist
• Google+

Je také uvedena podpora Tumblr, ale v kódu je v současné době chyba, která brání jeho fungování; doufejme, že to bude stanoveno do doby, kdy bude tento výukový program zveřejněn.

Integrace do WordPress

1. Načtěte libovolnou stránku na svůj web a zobrazte zdroj. Vyhledejte řetězec jQuery; pokud ji již máte, pokračujte krokem 2. Pokud ne, přidejte jQuery zahrnutím následujícího řádku do svých funkcí.php: wp_enqueue_script ('jquery' ');
2. Stáhněte si zip soubor socialisty z githubu [Už není k dispozici]. Rozbalte a nahrajte složku do svého pracovního adresáře motivů přes FTP.
3. Přejmenujte složku na „socialistickou“
4. V header.php přidejte následující dva řádky někde pod funkci wp_head, ale před koncovou značku:

1. Vytvořte novou stránku, na které chcete zobrazit socialistický blok; Předpokládám, že to chcete na samostatné stránce, ale kód můžete také někde přidat do své indexové šablony. Pokud hledáte samostatnou stránku, duplikujte svou existující šablonu stránky a nazvejte ji „page-slug.php“, kde slug je permalink, který WordPress dal vaší nové stránce (tj. nadpisu, s odstraněnými pomlčkami pro mezery a běžná slova).
2. Upravte stránku tak, aby se odstranila smyčka WordPress obsah; chceme základní rozvržení s meta informacemi a podobně.

Přidání socialistického kódu

Otevřete šablonu speciální stránky, kterou jste vytvořili dříve, a vložte následující kód do hlavního obsahu. plocha. Změňte styl socialistického DIV tak, aby vyhovoval vašemu tématu; Zjistil jsem, že nespecifikováním šířky se rozvržení nepodařilo rozdělit, ale to mohlo být zvlášť pro můj motiv. Níže uvedený kód je předprogramován na některé z mých vlastních zdrojů sociálních aktualizací; Samozřejmě budete chtít změnit různé ID na vlastní. Přesný formát nebo jakékoli další parametry najdete v souboru readme. Obecně vše, co potřebujete, je parametr id. Začněte s jedním a pracujte, protože nesprávné ID způsobí porušení pluginu.

Shrnutí

Mohlo by to udělat s nějakým dalším přizpůsobením, pokud jde o velikost nebo rozvržení pole, a být více robustní; ale jsou to stále časné dny a myslím si, že to, co již máme, je opravdu působivé. Ve skutečnosti by bylo perfektní uvést na přední stránku vaší osobní domény Vzhledem k osobní doméně? Zde uvádíme několik skvělých použití I když nejste příznivci blogů a nemáte k dispozici úžasný nový web, který lze spustit, může být osobní doménou skvělý nástroj pro zábavu nebo vlastní propagaci: z přizpůsobeného... Číst více , o kterém jsme diskutovali minulý týden.

Pokud znovu problémy nebo potřebujete ruku při vkládání do WordPress, neváhejte se zeptat v komentářích níže, ale obsahují testovací URL, na které se mohu podívat a prozkoumat jakýkoli kód chyby. Pokud jde o chyby v samotném zásuvném modulu, odešlete prosím nový problém na GitHub. Myslíš, že by někdo jiný mohl udělat tento úžasný jQuery socializační plugin? Poté sdílejte pomocí tlačítek níže a řekněte světu.