WordPress návody

Jak vložit automaticky aktualizovaný profil s fotkami z Instagramu do WordPress

Instagram
Autor příspěvku Tomáš Cirkl

Mezi nejpopulárnější sociální sítě patří určitě i Instagram. V tomto návodu si ukážeme, jak do WordPress stránky nebo sidebaru vložit Instagram profil s fotkami, který se bude automaticky aktualizovat.

Budeme k tomu potřebovat plugin Instagram Feed. Plugin se nachází v oficiálním katalogu pluginů a je možné jej nainstalovat přímo z WordPress administrace.

Instagram feed

Instagram feed

Po instalaci a aktivaci pluginu běžte do nové sekce Instagram Feed, která se v administraci objeví.

Jako první musíte autorizovat web se stránkami Instagramu. Klikněte proto na tlačítko Instagram | Connect an Instagram Account.

Instagram Feed - propojení Instagram účtu

Instagram Feed – propojení Instagram účtu

Po kliknutí na tlačítko budete přesměrování na stránky Instagramu, kde se musíte přihlásit pod váš profil. V případě, že už jste na počítači k Instagramu přihlášeni, tak se rovnou dostanete na další krok.

Přihlásit se • Instagram

Přihlásit se • Instagram

Po potvrzení stačí jen autorizovat přístup. Uděláte to kliknutím na tlačítko Authorize.

Authorization Request — Instagram

Authorization Request — Instagram

Nyní máte vše propojené a zbývá jen vložit profil s fotkami do webu. Slouží k tomu shortcode [instagram-feed], který můžete vložit přímo do obsahu stránky nebo například přes HTML widget do sidebaru.

Widget se Instagram shortcodem

Widget se Instagram shortcodem

Shortcode se pak na webu zobrazí jako profil s pár nejnovějšími fotkami.

Instagram Feed na webu

Instagram Feed na webu

Úpravu vzhledu profilu můžete udělat v nastavení Instagram Feed v záložce Customize. Lze zde například upravit velikost (sekce General), počet zobrazených fotek + počet sloupců (sekce Layout), barva tlačítek, překlad tlačítek atd.

Úprava vloženého profilu

Úprava vloženého profilu

Vzhled tedy můžete upravit podle použité WordPress šablony.

Upravený vzhled vloženého profilu podle šablony

Upravený vzhled vloženého profilu podle šablony

O autorovi

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

11 komentářů

  • Přesně něco takového jsem hledal. A když nemám přístup do instagram účtu, uděláme to jak?

      • S tím generováním tokenu je to ale docela drbačka….pro někoho, komu to nic neříká. I tak ale díky za odpověď a článek-

  • Zdravím, nainstaloval jsem plugin na nový web, a mám takový problém. Pokud jsem přihlášen v administraci a dám zobrazit stránku tak se vše ukazuje v pořádku včetně obrázků z instagramu. Pokud se ale odhlásím a zobrazím web, mám tam pouze nadpis a odkaz na instagram, ale obrázky se nezobrazují.
    Nenapadá Vás co by to mohlo být ?

    • Dobrý den,
      nemáte tam nějaký optimalizační plugin, který slučuje JS nebo vytváří cache? Zkuste jej případně vypnout a otestovat.

      • Díky za tip, bylo to ono, v Autoptimize jsem vypnul JS a už to funguje správně.
        Ještě jednou děkuji za radu

  • Dobrý den, Tomáši, neexistuje způsob jako u Facebooku, kdy do DIVI přímo do stránky vložíte přes kod, který si předem někde vygenerujete? Jednoduše jsem vložila iframe a funguje to. U Instagramu toto možné není?
    Děkuji, Lenka

  • Dobrý den,
    lze Instagram Feed vložit i jako element v UX Builderu stránky? Nebo pouze přes Widgety do Sidebaru a Footeru?

    Díky a hezký den,
    Nikola

  • Díky moc za doporučení pluginu, přesně to jsem hledal 🙂 Po nainstalování dokonce nabídne možnost přidat obdobné pluginy pro Facebook a YouTube.

Zanechat komentář

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!