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.
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.
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.
Po potvrzení stačí jen autorizovat přístup. Uděláte to kliknutím na tlačítko Authorize.
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.
Shortcode se pak na webu zobrazí jako profil s pár nejnovějšími fotkami.
Ú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.
Vzhled tedy můžete upravit podle použité WordPress š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.