Chtěla bych mít na svém webu v postranním sloupci upoutávku na svoji facebookovou fanpage. Jak na to?
~ Jednoduše – na Facebooku získáš speciální kód pro svoji stránku a ten pak vložíš na web tam, kde ho chceš mít.
Aby to bylo přehlednější, rozdělila jsem návod do 2 částí:
→ Jak získat kód upoutávky na fb stránku
→ Jak vložit kód pro fb stránku do sidebaru
A pro ještě větší názornost jsem ti celý postup natočila i na video, které najdeš na konci článku.
Jak získat kód upoutávky na fb stránku
- Zobraz si svoji facebookovou stránku a zkopíruj si její url adresu – uvidíš ji nahoře v prohlížeči (např. fb stránka Petra Vymětalová – Technikálie pro počítačové blondýny má url adresu https://www.facebook.com/pocitacovablondyna/)
- Otevři si tuto stránku: https://developers.facebook.com/docs/plugins/page-plugin/
Bude to vypadat nějak takto:
- Vyplň formulář pod obrázkem:
(A) Vlož url adresu svojí stránky, kterou sis zkopírovala v 1. kroku.
(B) Pokud chceš, aby vložená upoutávka na tvoji facebookovou stránku měla nějaké konkrétní rozměry, zadej je do políček Width (šířka) a Height (výška). Když je necháš prázdné, nastaví se automaticky rozměr 300 × 500 pixelů.
(C) Další možnosti nastavení buď zaškrtni, nebo nech prázdné podle vlastního uvážení. Prostě je vyzkoušej, všechny změny vidíš vždy v náhledu (D).
- Potvrď nastavení kliknutím na tlačítko Get Code pod náhledem.
- V okně, které se zobrazí, se nahoře přepni na záložku iFrame (A).
- Zkopíruj kód (B), který se ti zobrazí. Do okna stačí jen kliknout a celý kód se označí modře, ty pak jen stiskneš Ctrl+C.
Kód máš vytvořený a zkopírovaný, je potřeba ho vložit na web.
Jak vložit kód fb stránky do sidebaru
- V administraci svého webu přejdi na Vzhled > Widgety.
- V nabídce ve střední části obrazovky najdi widget HTML a klikni na něj (A).
- Zobrazí se nabídka oblastí na webu, kam můžeš tento prvek přidat. Klikni na tu, kam chceš upoutávku na svoji fanpage umístit (B). Pravděpodobně tam bude něco jako Postranní sloupec, Boční sloupec, Sidebar, Pravý sidebar apod.
- Potvrď výběr kliknutím na tlačítko Přidat widget (C).
HTML widget se automaticky zařadí na konec oblasti, kterou sis vybrala, a rovnou se rozbalí, abys do něj mohla vložit zkopírovaný kód.
- Libovolně si pojmenuj widget v poli Název (A). To, co tam napíšeš, se pak bude zobrazovat na webu přímo nad upoutávkou na tvoji fb stránku.
- Vlož zkopírovaný kód do pole Obsah (B).
- Až kód vložíš, bude WordPress protestovat, že je tam chyba (vedle pole obsah se zobrazí červené kolečko s křížkem a kód nebude možné uložit). Ničeho se nelekej, stačí na konci kódu přepsat velké T na malé t ve spojení allowTransparency (na obrázku nahoře jsem ti to označila).
- Až chybu opravíš, klikni na tlačítko Uložit.
- V tu chvíli se upoutávka na tvoji facebooovou stránku začne zobrazovat na konci oblasti, do které jsi widget vložila.
- Pokud chceš, aby se zobrazovala na jiné pozici, než kde teď je, stačí je přetáhnout myší (klikneš levým tlačítkem, držíš a posouváš) tam, kde je chceš mít.
Jedna odpověď
Děkuji