Ako zobraziť udalosti Facebooku na vašom webe WordPress

Chcete na svojom webe WordPress zobraziť udalosti Facebooku. Udalosti na Facebooku vám umožňujú propagovať vaše udalosti a zároveň využívať silu najväčšej sociálnej siete na svete. V tomto článku vám ukážeme, ako zobraziť svoje udalosti na Facebooku na WordPress.


Ako zobraziť udalosti Facebooku na WordPress

Metóda 1: Pridanie udalostí na Facebooku pomocou doplnku Facebook Page

Táto metóda využíva sociálne doplnky Facebooku na pridávanie udalostí Facebooku na WordPress. Budete musieť upraviť svoje tematické súbory WordPress. Ak sa vám ručné pridávanie kódu nepáči, skúste použiť iné metódy opísané v tomto článku.

Začnime.

Výukový program pre video

Prihláste sa na odber WPBeginner

Ak sa vám video nepáči alebo potrebujete ďalšie pokyny, pokračujte v čítaní.

Najprv musíte navštíviť webovú stránku Plugin Page Plugin na Facebooku pre vývojárov. Do poľa Adresa URL stránky Facebooku zadajte adresu URL svojej stránky Facebook.

Doplnok na stránke Facebook môže na vašej stránke zobraziť viac kariet vrátane karty udalostí. Do poľa s kartami jednoducho zadajte „udalosti“ a všimnete si opätovné načítanie okna náhľadu, aby sa zobrazila karta udalostí na vašej stránke..

Nastavenia doplnku pre stránku Facebook

Môžete tiež upraviť ďalšie nastavenia, ako je veľkosť titulnej fotografie, výška a šírka kontajnera atď.

Keď budete spokojní, kliknite na tlačidlo „Získať kód“. Zobrazí sa kontextové okno s dvoma oknami kódu.

Facebook plugin plugin

Prvú časť kódu je potrebné pridať do súboru header.php témy hneď za značkou.

Ďalej musíte skopírovať druhú časť kódu a vložiť ho do príspevku, stránky alebo textového widgetu WordPress.

Nezabudnite uložiť zmeny.

To je všetko, čo môžete navštíviť na svojom webe, a uvidíte doplnok Facebook Page, ktorý ukazuje udalosti na vašej stránke.

Udalosť Facebook vložená na stránku WordPress

Metóda 2. Pridanie udalostí na Facebooku pomocou doplnku WordPress

Táto metóda vám umožňuje pridávať udalosti Facebooku do WordPress bez pridávania akéhokoľvek kódu do vašich tematických súborov.

Najprv musíte nainštalovať a aktivovať doplnok WP Embed Facebook. Ďalšie informácie nájdete v našej podrobnej príručke o tom, ako nainštalovať doplnok WordPress.

Po aktivácii musíte navštíviť Nastavenia »Vložiť Facebook na konfiguráciu nastavení doplnku.

Stránka s nastaveniami doplnku je rozdelená do viacerých kariet. Dostanete sa na kartu „Magic Embeds“. Trochu prejdite nadol do časti Nastavenia Facebooku.

WP Vložte stránku s nastaveniami Facebooku

Musíte zadať ID aplikácie Facebook a tajné kľúče. Tieto kľúče môžete získať na webovej stránke Facebook Developers a vytvorením novej aplikácie.

Vytvorenie novej aplikácie na Facebooku

Zobrazí sa kontextové okno, v ktorom budete požiadaní o zadanie názvu aplikácie a výber kategórie.

Zadajte názov svojej aplikácie a vyberte kategóriu

Pokračujte kliknutím na tlačidlo Vytvoriť ID aplikácie.

Facebook teraz vytvorí vašu aplikáciu a budete presmerovaní na informačný panel aplikácie. Kliknutím na odkaz nastavení v ponuke na ľavej strane zobrazíte klávesy aplikácie.

Skopírujte ID aplikácie a tajné kľúče

Teraz uvidíte kľúč ID aplikácie a tajný kľúč, ktorý bude skrytý, a budete ho musieť skopírovať kliknutím na tlačidlo Zobraziť..

Zadajte oba kľúče do príslušných polí na stránke nastavení doplnku WP Embed Facebook pre svoje stránky WordPress.

Nezabudnite kliknúť na tlačidlo „Uložiť všetky nastavenia“ a uložiť zmeny.

Teraz ste pripravení pridať svoju udalosť do WordPress. Upravte príspevok alebo stránku, na ktorej chcete zobraziť svoju udalosť na Facebooku, a pridajte tento krátky kód:

[fb_plugin page href ="https://www.facebook.com/YourFBPage" tabs ="diania"]

Nezabudnite v skrátenom kóde použiť vlastnú adresu URL stránky Facebooku.

Tento krátky kód zobrazí doplnok na stránke Facebook iba s kartou Udalosti. Teraz môžete navštíviť svoj web a pozrieť si ho v akcii.

Skrátený kód môžete pridať aj do textovej miniaplikácie. Ale predtým, ako to urobíte, budete musieť povoliť skratky pre svoje miniaplikácie na bočnom paneli.

Pridajte udalosť, ktorú nevytvorila stránka alebo skupina na Facebooku

Niektorí používatelia môžu potrebovať zdieľať udalosť Facebook vytvorenú ich osobnými profilmi. Tieto udalosti nie sú spojené so stránkou. Takto ich zobrazíte pomocou vlastnej funkcie vloženia doplnku.

Namiesto použitia skráteného kódu doplnku pre stránku na Facebooku budete musieť použiť vlastný vložený skrátený kód, ako je tento:

[facebook https://www.facebook.com/events/1796069560608519/]

Nahraďte adresu URL v skrátenom kóde adresou URL vašej udalosti na Facebooku.

Teraz si môžete zobraziť ukážku svojho webu, aby ste videli udalosti vložené do Facebooku.

Pridanie jednej udalosti na Facebooku vo WordPress

Metóda 3: Zobrazenie kalendára udalostí Facebook pomocou miniaplikácie

Táto metóda umožňuje načítať udalosti Facebooku pre skupinu alebo stránku a zobraziť ich v miniaplikácii bočného panela WordPress.

Používatelia môžu vidieť váš kalendár udalostí na Facebooku s dátumami a kliknutím môžu zobraziť alebo sa pripojiť k udalosti. Vzhľad udalostí môžete prispôsobiť pomocou CSS.

Najprv musíte nainštalovať a aktivovať doplnok Widget pre udalosti na Facebooku. Ďalšie informácie nájdete v našej podrobnej príručke o tom, ako nainštalovať doplnok WordPress.

Po aktivácii musíte navštíviť stránku Vzhľad »Widgety stránku a pridajte miniaplikáciu Udalosti Facebook na bočný panel. Viac informácií nájdete v našej príručke o pridávaní a používaní miniaplikácií v programe WordPress.

Nastavenia widgetu udalostí na Facebooku

Miniaplikácia vyžaduje, aby ste zadali svoje ID stránky na Facebooku. Pomocou tohto online nástroja môžete získať ID svojej stránky Facebook. Stačí zadať webovú adresu svojej stránky Facebook a bude to ID.

Ďalej musíte zadať ID aplikácie a tajné kľúče.

Tieto kľúče môžete získať na webovej stránke Facebook Developers a vytvorením novej aplikácie.

Vytvorenie novej aplikácie na Facebooku

Zobrazí sa kontextové okno, v ktorom budete požiadaní o zadanie názvu aplikácie a výber kategórie.

Zadajte názov svojej aplikácie a vyberte kategóriu

Pokračujte kliknutím na tlačidlo Vytvoriť ID aplikácie.

Facebook teraz vytvorí vašu aplikáciu a budete presmerovaní na informačný panel aplikácie. Klávesy aplikácie zobrazíte kliknutím na odkaz nastavení v ponuke vľavo.

Skopírujte ID aplikácie a tajné kľúče

Teraz uvidíte kľúč aplikácie ID a tajný kľúč aplikácie, ktorý bude skrytý, a budete ho musieť skopírovať kliknutím na tlačidlo Zobraziť.

Prilepte ID aplikácie a tajné kľúče do nastavení miniaplikácie a kliknite na tlačidlo Uložiť.

Zistíte, že nastavenia miniaplikácie vám teraz ukážu nové tlačidlo pod poľom prístupového tokenu.

Token prístupu na Facebook

Ak chcete získať prístupový token, musíte do svojej aplikácie Facebook pridať adresu URL svojich webových stránok.

Na stránke s nastaveniami aplikácie Facebook sa trochu posuňte nadol a potom kliknite na tlačidlo Pridať platformu.

Pridajte do svojej aplikácie Facebook platformu

Zobrazí sa kontextové okno s rôznymi platformami, kde môžete aplikáciu používať. Musíte vybrať možnosť „Webové stránky“.

Vyberte webovú stránku ako platformu

Ďalej musíte do poľa URL webovej adresy pridať webovú adresu svojej webovej stránky a kliknúť na tlačidlo Uložiť zmeny.

Pridajte svoju webovú adresu

Teraz môžete prepnúť späť na nastavenia miniaplikácií a kliknúť na tlačidlo Získať prístupový token. Tým sa dostanete na webovú stránku Facebooku, kde budete požiadaní o povolenie aplikácie na prístup k vášmu profilu.

Povolenie aplikácie

Potom budete presmerovaní späť na stránku nastavení miniaplikácií. Nezabudnite kliknúť na tlačidlo Uložiť, aby ste uložili nastavenia miniaplikácie.

Teraz môžete navštíviť svoj web a zobraziť miniaplikáciu udalostí na Facebooku v akcii.

Udalosti na Facebooku v miniaplikácii bočného panela WordPress

Miniaplikácia udalostí na Facebooku sa dodáva so základnou šablónou štýlov, ktorá sa nemusí zhodovať s farbami témy. Na zobrazenie tried CSS vygenerovaných doplnkom budete musieť použiť nástroj inšpekcie a potom pomocou týchto tried zmeniť vzhľad udalostí. Pozrite si nášho sprievodcu o tom, ako pridať vlastné CSS do WordPress.

Dúfame, že vám tento článok pomohol naučiť sa, ako zobraziť udalosti Facebooku na WordPress. Môžete si tiež pozrieť zoznam 10 najlepších tipov a návodov na Facebooku pre používateľov WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map