Startseite Wordpress a vývoj webových aplikací Vytvořte si zeď sociálních aktualizací ve svém blogu WordPress pomocí socialistického jQuery pluginu

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

  • Mark Lucas
  • 0
  • 3269
  • 448
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ý screenshot, 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 WordPressu, 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é pluginy 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 tutoriál publiková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 přidání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 složku a nahrajte složku do svého pracovního adresáře motivů přes FTP.
  3. Přejmenujte složku na “socialista”
  4. V header.php přidejte následující dva řádky někde pod funkci wp_head, ale před koncovou značku:
>