Instagram, TUTORIALE, tutoriale Blogger, tutoriale wordpress, wtyczki na wordpressa

jak dodać Instagram na bloga?

jak dodać instagram na bloga

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. 

jak dodać instagram na bloga

jak dodać instagram na bloga
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).

jak dodać instagram na bloga

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. 

Tak wygląda strona, na którą przenosimy się po kliknięciu w dowolne zdjęcie (przy zachowaniu opcji Iconosquare) z naszej instagramowej galerii. 
 
jak dodać instagram na bloga

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.

jak dodać instagram 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 dodać instagram na bloga

3. SNAP WIDGET.

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 FEEDJest 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.
 

jak dodać instagram na bloga

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

INSTAGRAM SLIDER WIDGET 

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:

Zapisz się na newsletter i pobierz darmowy ebook: TWOJA MARKA NA INSTAGRAMIE

O AUTORZE

Jestem blogerką, emigrantką, poczwórną mamą. Kobietą, która nie jednego w życiu doświadczyła, z niejednego pieca jadła chleb.

Od prawie 20 lat mieszkam na emigracji we Francji, w Paryżu.

Uważam, że emigracja to dobra szkoła życia i wymagająca, choć bardzo skuteczna lekcja pokory. Ale też wewnętrznej siły i zdrowego dystansu do samego siebie i momentami wystawiającej nas na próby codzienności.

Jestem tu po to, by pomóc Ci lepiej pisać, skuteczniej docierać do czytelnika, wywołać większe zaangażowanie w social mediach. Czasami rozśmieszę lub zmotywuję.

Ale równolegle do Vademecum Blogera jestem autorem kilku niezależnych miejsc w sieci.

Ponieważ wiele osób pyta się mnie, jak mimo 4 ciąży i 40 - stki na karku udało mi się zachować linię nastolatki, uruchomiłam kanał na YouTube o zdrowym gotowaniu - bezglutenowo - bezmlecznie.

Znajdziesz mnie również na blogu BeataRed.com i powiązanym z nim Instagramie, gdzie piszę bardziej osobiście o Paryżu i mojej pasji, jaką jest nauka języka francuskiego.

A jeżeli interesują Cię praktyczne porady o tym, jak budować swoją obecność w sieci zapraszam na mój kanał na You Tube z blogowymi tutorialami.

(50) Komentarzy

  1. Bardzo fajnie, zaraz spróbuję u siebie! 🙂

  2. 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ę.

    1. 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.

  3. Podziwiam Cię za te wszystkie techniczne umiejętności 🙂

  4. 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ę:)

  5. Korzystam z Instagram Slider Widget. Testowałem różne inne wtyczki i tak jest zdecydowanie najlepsza.

  6. Korzystałam z tego samego sposobu 🙂 Fajnie mieć pod ręką taki dodatek 🙂

  7. A co by było takiego złego w zapytaniu Rudej o jej rozwiązanie? 😀

  8. Mama-AsiaLM says:

    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.

    1. Dzieki juz zmienilam u siebie i we wpisie. Pozdrawiam i lece do Ciebie. Beata

  9. 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 🙂

  10. 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

  11. Dziękuję! Jesteś mistrzynią!

  12. messbyus says:

    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

  13. Nella N. says:

    W tym momencie zostałaś moją wybawicielką <3

  14. FamilyMan.pl says:

    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

  15. Hey Jude says:

    Wielkie dzięki 🙂 Zainstalowałam Instagram Slider Widget i chyba byłą jakaś zmiana, bo też trzeba wkleić kod do dokumentu tekstowego. Pozdrawiam

  16. Anna says:

    wielkie dzięki! Właśnie takiej pomocy potrzebowałam 🙂

  17. 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..

  18. Beata- jestes Boska!! dziekuje :))

  19. Dzięki za tekst! Z pewnością się przyda :))

  20. super! bardzo przydatne i jasne informacje! Dziękuję! 🙂

  21. Dzięki Beata, po raz kolejny bardzo pomogłaś. 🙂

  22. Tego właśnie potrzebowałam, dziękuję 😀

  23. Dziękuję. Wyszło dokładnie tak jak chciałam. ; )

  24. zanettee says:

    Mi nie działa 🙁 Robie wszystko tak jak opisane i dodaje się gadżet, ale nie widać przejść zdjęć tylko napis i puste pole ;/

  25. 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

  26. A czy na bloggerze też to będzie działać?

  27. 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?

  28. Zainstalowałem instagram slider widget. Przydatny i sprawny:)

  29. 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 🙂

  30. Nowe Strony says:

    Bardzo dziękuję za ten wpis – na moim blogu zadziałało 🙂 http://nowestrony.com.pl

  31. Dziękuję za wpis! Przydał się 🙂

  32. Szykujemy swojego bloga i na pewno skorzystamy z przedstawionych wskazówek. Dzięki 🙂

  33. 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ę!

  34. I znowu wykorzystałam. Kolejny raz dzięki;)

  35. Matylda Saresta says:

    Dzięki – jesteś NAJ BEST!

  36. sylwiitwory says:

    Witam! Mam pytanie, czy w ICONOSQUARE jest darmowy? Bo widzę, że trzeba się napierw zalogować, a 14 dni próbnych za darmo jest…

    1. Monika Leonowicz says:

      podpinam sie pod to pytanie

  37. 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

  38. 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

  39. Dziękuję bardzo za pomoc, przydatny post i czytelnie napisany 🙂

  40. ICONOSQUARE jest teraz chyba tylko w wersji płatnej z 14 dniowym free trialem. Korzystasz Beata nadal z jakiegoś wigdetu Instagram’owego u siebie?

  41. Lulankowo.pl says:

    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 🙂

  42. Karola991 says:

    🙂

  43. Dziękuję za pomoc. Mam Instagrama na blogu 🙂 https://www.oszczedzanienaprzyszlosc.pl

    1. Joanno, bardzo sie ciesze i pozdrawiam cieplutko. Beata

  44. Super,bardzo pomocna strona

  45. asia says:

    super

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *