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
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
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
Po potvrzení stačí jen autorizovat přístup. Uděláte to kliknutím na tlačítko Authorize.
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
Shortcode se pak na webu zobrazí jako profil s pár nejnovějšími fotkami.
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
Vzhled tedy můžete upravit podle použité WordPress šablony.
Upravený vzhled vloženého profilu podle šablony
Přesně něco takového jsem hledal. A když nemám přístup do instagram účtu, uděláme to jak?
Musíte nechat majitele účtu vygenerovat ten token a vložit ho tam ručně.
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
Skvělé! Vaše články jsem asi potřebovala 🙂 Děkuji!
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
Zdravím,
plugin obsahuje shortcody, takže je možné jej vložit i přes builder.
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.