Jakiś czas temu pokazywałam Wam jak na szybko (w mniej niż 2 minuty) wstawić galerię zdjęć z Instagramu na bloga za pomocą widżetu Snapwidget. Ale ostatnio zaprzyjaźniona blogerka zadała mi ćwieka. Bo w mojej metodzie, gdy klikniemy na tak uzyskaną galerię przechodzimy na stronę Snapwidżetu, a nie na Instagam, jak to się dzieje u Rudej czyli Natali z bloga Jest rudo.
Ale dlaczego opowiadam Wam całą tę historie i obgaduję bloga innej blogerki (którą zresztą bardzo lubię). Oj nieładnie. Robię to w szlachetnym celu, tzn by przemycić trochę technicznej wiedzy. A dokładnie fajne narzędzie za pomocą którego możecie prześwietlić innego bloga opartego na wordpressie.
Otóż zaraz pobiegłam na bloga Rudej i rzeczywiście. Po kilknięciu w galerię zdjęć z Instagramu od razu przeskakujemy na jej instagramowy profil. I wiecie co: bardzo chciałam podpytać Natalię jak to zrobiła, ale trochę zabrakło mi odwagi. Wtedy przypomniałam sobie o fajnym narzędziu WHAT WP THEME IS THAT, które pozwala prześwietlić każdego bloga działającego w oparciu o wordpressa i sprawdzić z jakiego korzysta szablonu (ile on kosztuje i dlaczego tak drogo) i jakich używa wtyczek.
WNIOSKI: Jeżeli prowadzicie więc bloga w oparciu o wordpress.org mogę polecić Wam 2 wtyczki (przetestowałam je u siebie na MODA NA BIO) do stworzenia galerii z Instagramu, które bezpośrednio (po kliknięciu w Waszą galerię) przeniosą czytelników na Wasz instagramowy profil.
Jeżeli chodzi o Bloggera przetestowałam kilka rozwiązań i w końcu dzięki pomocy czytelniczki znalałam coś podobnego.
Jak dodać galerię zdjęć z Instagramu na Bloggera?
Można zrobić to za pomocą takich prostych narzędzi jak
[sociallocker id=”14984″] [/sociallocker]
1. ICONOSQUARE
Wchodzimy do niego, klikamy na Promote i Photo Gallery Widget, Get Your Widget.
Tu uzupełniamy ustawienia (Settings), a przede wszystkim wpisujemy User name i obserwujemy na Podglądzie (Preview). Pobieramy kod, przechodzimy na Bloggera, wchodzimy w Układ, Dodaj gadżet, wybieramy HTML/Java Script i wklejamy pobrany kod. Gotowe.
Jeżeli chcecie, by widżet przenosił czytelników na Wasz Instagram w okienku Linking wybierzcie Instagram (zamiast iconosquare).
Na blogu wygląda to tak. Jest tu widoczna liczba followersów i opublikowanych fotek. Jeżeli pozostawicie Iconosquare po kliknięciu w Waszą galerię przechodzicie na stronę Iconosquare, ale czytelnik może stąd bezposrednio skomentować foto czy przesłać je dalej np na Facebooka.
2. INTAGME
Tu podobnie uzupełniamy swój User name, wybieramy czy chcemy mieć galerię w formie siatki (Grid) czy slajdów (Slideshow), pobieramy kod i wklejamy go na bloga.
Po wstawieniu galerii na bloga i po kliknięciu w nią jesteśmy przekierowani na stronę Intagme (z naszym profilem Instagramowym), ale czytelnik ma stąd możliwość kliknięcia na ikonkę Follow, czyli śledzenia naszego profilu. Wygląda to tak:
Jak to zrobić krok po kroku opisałam we wpisie Jak stworzyc i dodac na bloga galerie zdjec z Instagramu.
Ale tu podobnie po kliknięciu w zainstalowaną na bloga galerię trafiamy na stronę Snapwidgetu, a dokładnie na nasze instagramowe konto za jej pośrednictwem. Biznes is biznes.
Jak dodać galerię zdjęć z Instagramu na wordpressa?
WTYCZKA INSTAGRAM FEED.
Jeżeli chodzi o wordpressa znalazłam tu takie rozwiązania: Za pomocą podpatrzonej u Natali wtyczki: INSTAGRAM FEED . Jest ona bardzo prosta w obsłudze, po zainstalowaniu, klikacie na Instagram Feed, łączycie się z Waszym kontem na Instagramie, pobieracie tzw Token i User ID i wklejacie je w wymagane miejsce.
Następnie klikacie na Display Your Feed i tu pobieracie kod, który wklejacie w dowolnym miejscu na blogu. W tym celu wchodzicie w Wygląd, Widżety, wybieracie widżet Tekstowy (Tekst) i w niego wklejacie kod, a następnie ustawiacie ten widżet w dowolnym miejscu np w panelu bocznym bloga.
Jeżeli podoba Wam się galeria w formie slajdów, to uzyskacie ją za pomocą innej wtyczki na wordpressa, czyli
Po zainstalowaniu tej wtyczki wchodzicie w Wygląd, Widżety, odnajdujecie Instagram Slider, przeciągacie go w wybrane miejsce (w panelu bocznym, czy na dole) i uzupełniacie Wasz User name i np ilość fotek, która ma się pokazywać.
Zaletą obywdu wtyczek jest to, że po kliknięciu w utworzoną za ich pomocą galerię przechodzimy bezpośrednio na nasze konto na Instagramie.
A może znacie jakieś skuteczniejsze metody. Pozdrawiam serdecznie
Jeżeli pomogłam, zaciekawiłam lub rozbawiłam proszę polub mnie na FB:
Bardzo fajnie, zaraz spróbuję u siebie! 🙂
Cześć Beatko, cieszę się, że mój blog stał się m.in. inspiracją do stworzenia tego wpisu, jednak muszę czym prędzej napisać, że nie polecam tego widgetu! Owszem, przenosi prosto na instagram, jednak jest nieresponsywny, czyli nie dopasowuje się do wyglądu strony, co widać zwłaszcza na telefonach/tabletach. Będę zmieniać, jak znajdę na to chwilę.
Z tego właśnie powodu napisałem (na podstawie wielu informacji znalezionych w sieci) własną wersję takiego dodatku. Wprowadzam ją teraz osobom zainteresowanym oraz umieszczam w szablonach bloggera, które tworzę. Skrypt pozwala mi na dowolne ustawienia (wielkość i kształt ikon, adres docelowy, pokazanie tytułów, ilość wczytywanych obrazków), jest elastyczny (odpowiedni CSS) i zależny tylko od instagramu, nie obcych stron.
Podziwiam Cię za te wszystkie techniczne umiejętności 🙂
Hej Beatka. Czytając dzisejszego Twojego posta czuje, że to ja jestem sprawcą:D Nie wiedziałam, że to jest wtyczka z WordPressa. Ja u siebie mam coś innego już, tylko zdjęcia późno wskakują na stronę. 🙂 Pozdrawiam Cię i też Cię lubię:)
Korzystam z Instagram Slider Widget. Testowałem różne inne wtyczki i tak jest zdecydowanie najlepsza.
Korzystałam z tego samego sposobu 🙂 Fajnie mieć pod ręką taki dodatek 🙂
A co by było takiego złego w zapytaniu Rudej o jej rozwiązanie? 😀
Super wpis. 🙂 Bardzo mi pomogłaś. 🙂 No i znalazłam dzięki niemu sposób na instagram na bloggera. 🙂 Robiłam wszystko od końca. … tak, tak ja tak potrafię. I patrzyłam jak każdy widget (z każdej strony) wygląda wizualnie na blogu i tak doszłam do http://iconosquare.com no i okazało się, że podczas generowania widgetu na stronie http://iconosquare.com/promote-widget.php (musimy być zalogowani – dane te co na instagramie) można zaznaczyć opcję “Linking to” i zaznaczyć instagram, dzięki czemu gdy ktoś kliknie na blogu na zdjęcie przenosi go bezpośrednio na instagram, a nie iconsquare,com (choć taka opcja też jest do zaznaczenia – widnieje jako domyślna, ale ja ją zmieniłam na instagram). 🙂 Możesz zobaczyć u mnie jak to działa. 🙂 Pozdrawiam.
Dzieki juz zmienilam u siebie i we wpisie. Pozdrawiam i lece do Ciebie. Beata
Długo szukałam sposobu na to jak to zrobić. Aż dzięki Tobie, dosłownie po kilku kliknięciach mam instagramowy widget na swym blogu. Z pewnością skorzystam jeszcze z wielu Twoich porad. Pozdrawiam 🙂
Bardzo pomocne wpisy, to już zdaje się drugi czy trzeci, z którego korzystam, i pewnie nie ostatni 🙂 Dziękuję za pomoc i pozdrawiam serdecznie
Dziękuję! Jesteś mistrzynią!
Hej! Dzieki za tutorial 🙂 mega pomagaja poczatkujacym. Ja uzylam u siebie http://instansive.com na bloggerze i tez automatycznie przenosi na instagrama co jest swietne. Jednak mam z nia jeden problem (zauwazylam to w kazdej z opcji) .. nie moge zmienic czcionki tytulu ? jest taka nijaka .. masz moze na to jakas rade?
pozdrawiam serdercznie
http://messbyus.blogspot.co.uk
W tym momencie zostałaś moją wybawicielką <3
Mój webmaster nie wiedział jak wrzucic wtyczkę Instagrama na bloga więc podesłałem jej Twoją stronę. Wtyczkę umieściła Instagram Feed ale niestety na telefonie zdjęcia wyświetlają się w pionie w jednej kolumnie. To bez sensu. Webmaster twierdzi, że takie jest ustawienie fabryczne i nie można tego zmienić ale ja w to nie wierzę. Czy możesz podać wskazówkę gdzie należy ustawić inny wygląd feed’u na urządzeniach mobilnych?
Bardzo dziękuję za info
Wielkie dzięki 🙂 Zainstalowałam Instagram Slider Widget i chyba byłą jakaś zmiana, bo też trzeba wkleić kod do dokumentu tekstowego. Pozdrawiam
wielkie dzięki! Właśnie takiej pomocy potrzebowałam 🙂
Czy te zdjęcia później się uaktualniają? wstawiłam jedno “na próbę”, teraz je usunęłam i wstawiłam inne, ale tamto nadal widnieje, do tego jak się na nie kliknie to wyskakuje błąd bo ono już nie istnieje..
Beata- jestes Boska!! dziekuje :))
Dzięki za tekst! Z pewnością się przyda :))
super! bardzo przydatne i jasne informacje! Dziękuję! 🙂
Dzięki Beata, po raz kolejny bardzo pomogłaś. 🙂
Tego właśnie potrzebowałam, dziękuję 😀
Dziękuję. Wyszło dokładnie tak jak chciałam. ; )
Mi nie działa 🙁 Robie wszystko tak jak opisane i dodaje się gadżet, ale nie widać przejść zdjęć tylko napis i puste pole ;/
mam na wp org szablon button i jeden sidebar po lewej stronie. Chciałabym jednak aby instagramowa galeria była w dolnej części bloga. Jak to zrobić ? Mam obcje edycji szablonu tylko w php lub css. Pozdrawiam
A czy na bloggerze też to będzie działać?
Witaj. Coś jest chyba nie aktualne z iconsquare, mi wyświetla zupełnie inny rozkład strony, niż tu zaprezentowany. A na intagme ciągle user not found. o co chodzi?
Zainstalowałem instagram slider widget. Przydatny i sprawny:)
Beata, po raz kolejny mnie uratowałaś. ściągnęłam Slider widget i mam galerię IG w 3 minuty. Wcześniej próbowałam zainstalować 3 wtyczki ale pobieranie tokena itd są dla mnie za trudne… dzięki za prostsze rozwiązanie 🙂
Bardzo dziękuję za ten wpis – na moim blogu zadziałało 🙂 http://nowestrony.com.pl
Dziękuję za wpis! Przydał się 🙂
Szykujemy swojego bloga i na pewno skorzystamy z przedstawionych wskazówek. Dzięki 🙂
W końcu znalazłam i dodałam instagram na nową wersję bloga (niedługo przenoszę się z bloggera na wordpressa, póki co po cichu wszystko szykuję). Gdyby nie Ty, nie odnalazłabym się w tych wtyczkach. Kilka wypróbowałam, ale za nic nie działały. Teraz mam instagram feed i działa bez zarzutu. Dziękuję!
I znowu wykorzystałam. Kolejny raz dzięki;)
[…] Jak dodać Instagram na bloga? […]
Dzięki – jesteś NAJ BEST!
Witam! Mam pytanie, czy w ICONOSQUARE jest darmowy? Bo widzę, że trzeba się napierw zalogować, a 14 dni próbnych za darmo jest…
podpinam sie pod to pytanie
spoko sposobem i z pewnością że fajni nie odejdą są szybkielajki.pl – dla mojej firmy dało to zdecydowane efekty także wszystkim polecam kupowanie like na tej stronie
Dzięki, wspaniała rada Wuju…pycha 😉
Udało się bezproblemowo załadować instagrama do panelu bocznego dzięki Twoim radom. Pozdrawiamy – załoga starymfordem.pl
Dziękuję bardzo za pomoc, przydatny post i czytelnie napisany 🙂
ICONOSQUARE jest teraz chyba tylko w wersji płatnej z 14 dniowym free trialem. Korzystasz Beata nadal z jakiegoś wigdetu Instagram’owego u siebie?
Dziękuję za ten wpis! 🙂 Bardzo mi pomogłaś 🙂 Od niedawna działam w WP i właśnie szukałam konkrentych informacji jak dodać Instagram 🙂
🙂
Dziękuję za pomoc. Mam Instagrama na blogu 🙂 https://www.oszczedzanienaprzyszlosc.pl
Joanno, bardzo sie ciesze i pozdrawiam cieplutko. Beata
Super,bardzo pomocna strona
super