Sociální sítě

3 minuty

Díky bloku sociální sítě můžete na web vložit dynamický přehled posledních příspěvků z vašeho Facebooku nebo Instagramu.


Blok Sociální sítě

Jak přidat sociální sítě

Po vložení bloku sociální sítě na web otevřete kliknutím do jeho středu nastavení. V prvním kroku musíte zvolit, z jaké sociální sítě (Facebook nebo Instagram) chcete příspěvky načítat.

Napojení Facebooku

K zobrazení příspěvků z Facebooku potřebujete ID profilu a také propojit váš web s vaší stránkou. To provedete kliknutím na odkaz „Propojit s Facebookem“. Více o tom, jak povolit přístup k vaší facebookové stránce se dočtete v tomto článku.

Kromě výběru sociální sítě můžete v nastavení také změnit počet příspěvků, které se na webu zobrazí.

Napojení Instagramu

K propojení vašeho webu s Instagramem potřebujete mít nastavený svůj účet na Instagramu jako profesionál (volby „Creator“ nebo „Business“). Následně stačí kliknout na odkaz „Propojit s Instagramem“ a projít průvodcem s povolením načítání příspěvků.

Jak nastavit Instagram jako profesionální účet

  • Klikněte v mobilní aplikaci na menu (tři čárky vpravo nahoře) a vyberte Typ účtu a nástroje.

  • Vyberte volbu Přepnout na profesionální účet a dokončete nastavení profilu.

Napojení X (dříve Twitter)

Síť X ukončila podporu zobrazení profilu na webu. Stále je zde ale možnost využít blok Kód, do kterého vložíte HTML kód vygenerovaný pomocí stránky https://publish.twitter.com/. Detailní návod přimo od Twitteru naleznete v jejich nápovědě.

Vzhled sociálních sítí

V nastavení vzhledu můžete zvolit, v jakém rozložení se příspěvky zobrazí.

  • Grid zobrazí příspěvky ve stejné velikosti v pravidelné mřížce. Můžete si tedy nastavit poměr stran, počet sloupců a rozestupy mezi obrázky. 
  • List zobrazí vždy jeden příspěvěk na řádek. Lze tedy upravit poměr stran, zarovnání obrázků a také šířku obrázků v procentech.
  • Masonry funguje podobně jako Grid. Místo stejně velkých obrázků ovšem zobrazí dlaždice o různých velikostech, nelze tak upravit poměr stran.

U všech zobrazí lze skrýt text příspěvku. Také můžete výpis ze sociálních sítí zobrazit na celou šířku webu.

Grid
List
Masonry

Pokročilé

V části Pokročilé může být pro vás důležité nastavení ID. To se používá při vytvoření odkazu pomocí kotvy. Více o tom, jak nastavit kotvu najdete v tomto článku.