Jak stworzyć niestandardową galerię zdjęć na Instagramie w WordPress

Kanał z Instagrama może sprawić, że Twoja witryna będzie świeża, jednocześnie zdobywając więcej polubień, udostępnień i obserwujących na Instagramie. Pomaga nawiązać kontakt z odbiorcami na wielu platformach i zwiększa zaangażowanie.

Media społecznościowe odegrały kluczową rolę w generowaniu ruchu na naszej stronie internetowej i poszerzaniu naszej publiczności. Udostępniając angażujące treści i wchodząc w interakcję z naszymi obserwatorami, udało nam się zwiększyć świadomość marki i przyciągnąć nowych odwiedzających.

W tym artykule pokażemy Ci, jak łatwo stworzyć niestandardowy kanał zdjęć z Instagrama dla Twojej witryny WordPress.

Dlaczego warto umieścić kanał na Instagramie na swojej stronie WordPress?

Osadzenie kanału na Instagramie w witrynie WordPress pozwala pokazywać odwiedzającym świeżą treść bez wielu dodatkowych prac. Zachęca również czytelników do obserwowania Cię na Instagramie.

Zamiast ręcznie dodawać obrazy w edytorze bloków WordPress, możesz po prostu utworzyć kanał, który będzie automatycznie aktualizowany za każdym razem, gdy opublikujesz nowe zdjęcia na Instagramie. Możesz nawet wyświetlać zdjęcia innych osób na swojej stronie, tworząc kanał hashtagów.

Na poniższym obrazku możesz zobaczyć przykład marki, która używa niestandardowego kanału na Instagramie, aby pokazywać treści generowane przez użytkowników.

W ten sposób możesz używać niestandardowego kanału na Instagramie, aby zapewnić cenne dowody społeczne i zarabiać więcej pieniędzy online.

Mając to na uwadze, zobaczmy, jak możesz utworzyć niestandardowy kanał zdjęć z Instagrama w WordPressie.

Jak stworzyć niestandardową galerię zdjęć na Instagramie w WordPress

Najprostszym sposobem na dodanie kanału zdjęć z Instagrama do swojej witryny jest użycie wtyczki Smash Balloon Instagram Feed. Jest to najlepsza wtyczka Instagram dla WordPressa, która pozwala błyskawicznie wyświetlać treści z Twojego konta na Instagramie.

Jest to również najprostszy sposób na naprawienie problemu z osadzaniem treści z Facebooka i Instagrama w WordPressie.

W naszym samouczku omówimy kilka kroków, a poniższe szybkie linki pozwolą Ci przejść do różnych sekcji:

• Jak połączyć konto Instagram z WordPress
• Jak dostosować swój kanał zdjęć na Instagramie
• Wyświetlanie kanału Twoich zdjęć z Instagrama w WordPressie
• Bonus: Pozwól klientom kupować Twoje produkty przez Instagram

Samouczek wideo

Subskrybuj WPBeginner

Jeśli wolisz instrukcje pisemne, czytaj dalej.

Jak połączyć konto Instagram z WordPress

Najpierw musisz zainstalować i aktywować wtyczkę Smash Balloon Instagram Feed. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku dotyczącym instalacji wtyczki WordPress.

Po aktywacji przejdź do strony Kanał Instagram » Ustawienia z poziomu panelu WordPress.

Następnie wprowadź swój klucz licencyjny Smash Balloon w polu „Klucz licencyjny”.

Te informacje znajdziesz w e-mailu z potwierdzeniem, który otrzymałeś podczas zakupu Smash Balloon, a także na swoim koncie Smash Balloon.

Gdy to zrobisz, kliknij przycisk „Aktywuj”.

Jesteś teraz gotowy do stworzenia niestandardowego kanału na Instagramie. Aby rozpocząć, wybierz Instagram Feed » All Feeds, a następnie kliknij przycisk „Add New”.

Smash Balloon wyświetli teraz wszystkie różne typy kanałów Instagrama, które możesz utworzyć.

Po prostu wybierz typ kanału, który chcesz dodać do WordPressa, i kliknij „Dalej”.

Jeśli chcesz tylko wyświetlać swoje zdjęcia z Instagrama, możesz użyć osobistego konta Instagram. Jednak będziesz potrzebować konta firmowego na Instagramie, jeśli chcesz utworzyć kanał hashtagów lub wyświetlić posty, w których Twoje konto jest oznaczone.

Jeśli wybierzesz „Opublikuj hashtag”, będziesz musiał wpisać hashtagi, których chcesz użyć. Aby wyświetlić wiele hashtagów w tym samym kanale, po prostu oddziel każdy hashtag przecinkiem.

Gdy to zrobisz, po prostu kliknij „Dalej”.

Czy chcesz wyświetlać posty, w których Twoje konto jest oznaczone? Musisz wybrać „Oznaczone posty”, a następnie kliknąć „Dalej”.

Niezależnie od tego, jaki rodzaj kanału tworzysz, będziesz musiał połączyć WordPress ze swoim kontem na Instagramie.

Aby rozpocząć, kliknij przycisk „Dodaj źródło”.

Następnie wybierz, czy chcesz wyświetlać obrazy z konta osobistego, czy biznesowego.

Jeśli wybierzesz przycisk obok „Osobisty”, Smash Balloon domyślnie nie uwzględni awatara i bio z Instagrama w nagłówku. Możesz jednak zawsze dodać awatar i bio z Instagrama ręcznie w ustawieniach wtyczki.

Po wybraniu między kontem firmowym a osobistym, po prostu kliknij „Zaloguj przez Facebook”.

Teraz możesz wybrać konto Instagram, które chcesz umieścić na swojej stronie WordPress i kliknąć „Dalej”.

Następnie zaznacz pole wyboru obok strony na Facebooku, która jest połączona z kontem na Instagramie, którego chcesz użyć.

Po wykonaniu tej czynności musisz kliknąć przycisk „Dalej”.

Zobaczysz teraz wyskakujące okienko ze wszystkimi informacjami, do których Instagram Feed Pro będzie miał dostęp i akcjami, które może wykonać.

Aby ograniczyć dostęp wtyczki do Twojego konta na Instagramie, po prostu kliknij dowolny przełącznik, aby zmienić go z „Tak” na „Nie”. Pamiętaj tylko, że może to wpłynąć na zdjęcia wyświetlane w Twoim blogu WordPress lub witrynie.

Mając to na uwadze, zalecamy pozostawienie wszystkich przełączników włączonych. Gdy będziesz zadowolony z konfiguracji kanału, kliknij „Gotowe”.

Zobaczysz teraz wyskakujące okienko z kontem Instagram, które właśnie dodałeś do swojej witryny.

Po prostu zaznacz pole wyboru obok tego konta, a następnie kliknij „Dodaj”.

Kanał Instagrama Pro powróci teraz do ekranu Kanały Instagrama » Wszystkie kanały.

Aby utworzyć niestandardowy kanał na Instagramie, po prostu zaznacz pole wyboru obok konta Instagram, którego chcesz użyć. Następnie kliknij „Next”.

Wtyczka utworzy teraz kanał zdjęć z Instagrama, który możesz dodać do dowolnej strony, wpisu lub obszaru gotowego na widżety.

Jak dostosować swój kanał zdjęć na Instagramie

Domyślnie Smash Balloon otworzy Twój kanał w swoim edytorze, gotowy do dostosowania.

Po prawej stronie zobaczysz podgląd swojego kanału zdjęć na Instagramie. Po lewej stronie znajdują się wszystkie ustawienia, których możesz użyć do dostosowania kanału mediów społecznościowych.

Większość tych ustawień jest samoopisująca, ale szybko omówimy kilka kluczowych obszarów.

Aby zmienić układ, po prostu kliknij na „Układ kanału” w menu po lewej stronie. Możesz teraz wybrać układ Siatka, Murarski lub Karuzela.

Istnieje również układ wyróżniony, który domyślnie wyróżnia co trzecie zdjęcie.

Po kliknięciu na różne opcje, podgląd na żywo automatycznie zaktualizuje się, aby pokazać nowy układ. Ułatwia to wypróbowanie różnych projektów i znalezienie tego, który preferujesz.

Domyślnie Smash Balloon wyświetla taką samą liczbę zdjęć na komputerach stacjonarnych i urządzeniach mobilnych. Możesz podglądnąć, jak kanał Instagram będzie wyglądał na komputerach stacjonarnych, tabletach i smartfonach, korzystając z rzędu przycisków w prawym górnym rogu.

Smartfony i tablety zazwyczaj mają mniejsze ekrany i mniejszą moc obliczeniową, dlatego możesz chcieć wyświetlać mniej zdjęć i filmów z Instagrama na urządzeniach mobilnych.

Aby to zrobić, po prostu wpisz inną liczbę w polu „Mobilny” w sekcji „Liczba postów”.

Domyślnie Smash Ballon podzieli Twoje zdjęcia na 4 kolumny na komputerach stacjonarnych, 2 kolumny na tabletach i jedną kolumnę na urządzeniach mobilnych.

Czy chcesz użyć innej liczby kolumn? Następnie po prostu przewiń do sekcji „Kolumny” w menu po lewej stronie.

Teraz możesz wpisać nową liczbę w polach Komputer, Tablet lub Mobilny.

Aby upewnić się, że Twój kanał na Instagramie dobrze wygląda na urządzeniach mobilnych, warto wyświetlić mobilną wersję swojej strony WordPress.

Po wprowadzeniu zmian kliknij link „Dostosuj”. Spowoduje to powrót do głównego edytora Smash Balloon, gotowego do przeglądania następnego ekranu ustawień, którym jest „Schemat kolorów”.

Domyślnie Smash Balloon używa schematu kolorów odziedziczonego z Twojego motywu WordPress, ale ma również motywy „Jasny” i „Ciemny”, których możesz chcieć użyć dla swojego kanału Instagrama.

Możesz nawet stworzyć własny schemat kolorów, wybierając „Niestandardowy”, a następnie używając ustawień do zmiany koloru linków, koloru tła, koloru tekstu i innych.

Domyślnie Smash Balloon dodaje nagłówek do kanału Instagrama, który jest Twoim zdjęciem profilowym i nazwą Twojej strony. Może to dostarczyć dodatkowych, przydatnych informacji, dzięki czemu odwiedzający zrozumieją, skąd pochodzą te obrazy.

Aby zmienić wygląd tej sekcji, wróć do głównego ekranu ustawień, a następnie wybierz „Nagłówek”.

Na tym ekranie możesz zmienić kolor tła, wyświetlić swoje bio na Instagramie, zmienić rozmiar nagłówka i wiele więcej.

Domyślnie nagłówek zawiera zdjęcie profilowe Twojego konta na Instagramie. Możesz jednak chcieć wyświetlić inny obraz, taki jak niestandardowe logo Twojej witryny.

Aby zmienić zdjęcie profilowe, kliknij na „Dodaj obraz” pod „Pokaż niestandardowy awatar”. Następnie możesz wybrać obraz z biblioteki multimediów WordPress lub przesłać nowe zdjęcie.

Możesz również dodać inne bio. Na przykład, możesz dodać wezwanie do działania, które zachęci ludzi do odwiedzenia Twojej strony na Instagramie.

Aby stworzyć unikalne bio na Instagramie, po prostu wpisz tekst w pole „Dodaj niestandardowe bio”.

Gdy będziesz zadowolony z wyglądu nagłówka, kliknij link „Dostosuj”, aby powrócić do głównego ekranu ustawień.

Teraz musisz kliknąć „Posty”.

Na początek możesz przełączać się między układem pudełkowym a zwykłym dla poszczególnych postów w kanale Instagrama.

Aby to zrobić, wybierz „Styl posta”.

Możesz teraz kliknąć, aby wybrać układ, którego chcesz użyć.

Jeśli wybierzesz opcję „Pudełko”, możesz zmienić kolor tła, dodać cień do pudełka i zwiększyć promień obramowania, aby utworzyć zaokrąglone rogi.

Gdy będziesz zadowolony ze zmian, po prostu kliknij link „Posts”, aby powrócić do poprzedniego ekranu Smash Balloon.

Tym razem wybierz „Obrazy i filmy”.

Smash Balloon automatycznie analizuje Twoje zdjęcia z Instagrama i wyświetla je w najlepszej rozdzielczości. Zalecamy korzystanie z tych domyślnych ustawień, ponieważ zostały zaprojektowane tak, aby zwiększyć szybkość i wydajność Twojego WordPressa. Możesz jednak powiększyć lub zmniejszyć obrazy z Instagrama, jeśli jest to konieczne.

Aby zmienić rozmiar obrazu, po prostu otwórz menu rozwijane „Rozdzielczość” i wybierz jeden z domyślnych rozmiarów obrazów WordPress z listy.

Ponownie kliknij link „Posty”, aby powrócić do poprzedniego ekranu.

Tym razem wybierz „Podpis”. Na następnym ekranie możesz wyświetlić podpis z Instagrama obok każdego obrazu, klikając suwak „Włącz”.

Otworzy to nowe opcje dostosowywania, gdzie możesz zmienić rozmiar i kolor tekstu oraz ustawić maksymalną długość tekstu.

Po wykonaniu tej czynności kliknij link „Posty”, aby powrócić do poprzedniego ekranu.

Następne ustawienie to „Podsumowanie polubień i komentarzy”.

Tutaj możesz dodać lub ukryć całkowitą liczbę polubień i komentarzy pod każdym zdjęciem. Jeśli Twoje posty na Instagramie cieszą się dużym zaangażowaniem, te liczby mogą zachęcić ludzi do odwiedzenia Twojej strony na Instagramie lub do obserwowania Cię w mediach społecznościowych.

Jak zawsze, musisz kliknąć „Posty”, aby powrócić do poprzedniego ekranu.

Ostatnia opcja to „Stan najazdu” (Hover State), czyli nakładka, którą Smash Balloon dodaje do posta, gdy najedziesz na niego kursorem myszy.

Tutaj możesz wybrać informacje, które Smash Balloon wyświetla, gdy ktoś najeżdża kursorem na post, korzystając z ustawień w sekcji „Informacje do wyświetlenia”.

Możesz również zmienić kolor nakładki najazdu.

Gdy będziesz zadowolony z wprowadzonych zmian, kliknij link „Dostosuj”.

To przeniesie Cię z powrotem do głównej strony ustawień Smash Balloon, gdzie możesz kliknąć zakładkę „Przycisk Załaduj więcej”.

Tutaj możesz sprawić, że przycisk „Wczytaj więcej” będzie się wyróżniał, zmieniając jego kolor tła, kolor tekstu i stan po najechaniu myszką.

Możesz również spróbować dodać własny komunikat do przycisku, wpisując go w polu „Tekst”.

Chociaż zalecamy pozostawienie tego przycisku włączonego, możesz go usunąć. Na przykład możesz zachęcić ludzi do odwiedzenia Twojego Instagrama, ograniczając liczbę zdjęć, które mogą zobaczyć na Twojej stronie.

Aby usunąć przycisk, po prostu wyłącz suwak „Enable”, tak aby zmienił kolor na szary.

Jeśli odwiedzającym spodoba się to, co zobaczą, mogą zdecydować się na subskrypcję za pomocą przycisku „Obserwuj na Instagramie”, który pojawi się poniżej osadzonego kanału.

Ponieważ jest to bardzo ważny przycisk, możesz dodać niestandardowe style, aby pomóc mu się wyróżnić. Aby to zrobić, wybierz „Dostosuj”, aby powrócić do głównego ekranu ustawień. Następnie wybierz „Przycisk Obserwuj” w menu po lewej stronie.

Tutaj możesz zmienić kolor tła przycisku, stan najazdu i kolor tekstu.

Domyślnie przycisk wyświetla etykietę „Obserwuj na Instagramie”.

Możesz zastąpić to własnym komunikatem, wpisując go w polu „Tekst”.

Smash Balloon posiada wbudowane okno podręczne, które pozwala odwiedzającym na otwieranie Twoich zdjęć i filmów z Instagrama bez opuszczania Twojej witryny.

Aby skonfigurować tę funkcję, wróć do głównego ekranu ustawień Smash Balloon, a następnie kliknij „Lightbox”.

Tutaj możesz zmienić liczbę komentarzy, które Smash Balloon wyświetli w oknie podręcznym.

Jeśli nie chcesz korzystać z funkcji lightbox, możesz ją wyłączyć, używając suwaka „Włącz”.

Gdy będziesz zadowolony z wyglądu kanału Instagram, nie zapomnij kliknąć „Zapisz”, aby zachować zmiany.

Jesteś teraz gotowy, aby dodać kanał Instagrama do swojej strony WordPress.

Wyświetlanie kanału Twoich zdjęć z Instagrama w WordPressie

Możesz dodać niestandardowy kanał na Instagramie do swojej witryny za pomocą bloku, widżetu lub krótkiego kodu.

Jeśli utworzyłeś więcej niż jeden kanał za pomocą Smash Balloon, będziesz potrzebować kodu kanału, aby użyć widżetu lub bloku.

Aby uzyskać ten kod, musisz przejść do Kanał Instagram » Wszystkie kanały, a następnie skopiować tekst pod etykietą „Krótki kod”.

Na poniższym obrazku będziemy musieli użyć instagram-feed feed=4.

Jeśli chcesz osadzić kanał Instagrama na stronie lub w poście, możesz użyć bloku Kanał Instagrama.

Po prostu otwórz stronę lub post, w którym chcesz osadzić swój niestandardowy kanał Instagrama. Następnie kliknij ikonę „+”, aby dodać nowy blok i zacznij wpisywać „Kanał Instagrama”.

Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do strony lub posta.

Blok domyślnie wyświetli jeden z Twoich kanałów na Instagramie. Jeśli chcesz wyświetlić inny kanał Smash Balloon, znajdź „Ustawienia kodu skrótu” w menu po prawej stronie.

Tutaj po prostu dodaj krótki kod, a następnie kliknij „Zastosuj zmiany”.

Jeśli jesteś zadowolony z wyglądu niestandardowego kanału Instagrama, możesz opublikować lub zaktualizować stronę.

Inną opcją jest dodanie widżetu Kanał Instagrama do swojej strony internetowej. Jest to świetny sposób na wyświetlanie kanału Instagrama na każdej stronie Twojej witryny. Na przykład, możesz dodać widżet Instagrama do paska bocznego lub stopki motywu WordPress.

Aby dodać widżet Kanału Instagram do swojej witryny, przejdź do sekcji Wygląd » Widżety. Następnie możesz kliknąć niebieską ikonę „+” w górnej części ekranu.

W panelu, który się pojawi, wpisz „Kanał Instagrama”, aby znaleźć odpowiedni widżet.

Jak widać na poniższym obrazku, istnieją dwa widżety Kanału na Instagramie, więc upewnij się, że używasz właściwego.

Następnie po prostu przeciągnij widżet na obszar, w którym chcesz wyświetlić kanał Instagrama, na przykład do paska bocznego lub podobnej sekcji.

Widżet automatycznie wyświetli jeden z kanałów, które utworzyłeś za pomocą Smash Balloon. Jeśli nie jest to niestandardowy kanał z Instagrama, który właśnie utworzyłeś, wpisz kod kanału w polu „Ustawienia kodu skrótu”.

Następnie kliknij „Zastosuj zmiany”.

Teraz możesz udostępnić widżet, klikając przycisk „Zaktualizuj”. Więcej informacji znajdziesz w naszym przewodniku krok po kroku na temat dodawania i używania widżetów w WordPress.

Inną opcją jest osadzenie kanału Instagrama na dowolnej stronie, wpisie lub obszarze gotowym na widżety za pomocą krótkiego kodu.

Po prostu przejdź do Instagram Feed » All Feeds i skopiuj kod z kolumny „Shortcode”. Możesz teraz dodać ten kod do dowolnego bloku Shortcode. Aby uzyskać pomoc w umieszczeniu shortcode, zapoznaj się z naszym przewodnikiem jak dodać shortcode.

Czy używasz motywu obsługującego bloki? W takim razie możesz użyć edytora pełnej witryny, aby dodać blok Kanału Instagram w dowolnym miejscu swojej witryny WordPress.

W panelu przejdź do Wygląd » Edytor.

Domyślnie edytor pełnej witryny wyświetli szablon główny motywu.

Jeśli chcesz dodać kanał Instagram do innego obszaru, kliknij „Szablon” lub „Części szablonu”.

Edytor pokaże teraz listę wszystkich części szablonu, które tworzą Twój motyw WordPressa.

Po prostu kliknij szablon, w którym chcesz wyświetlić kanał Instagram.

WordPress wyświetli teraz podgląd projektu.

Aby edytować ten szablon, kliknij małą ikonę ołówka.

Po wybraniu szablonu po prostu najedź kursorem myszy na obszar, w którym chcesz dodać kanał zdjęć z Instagrama.

Następnie kliknij niebieski przycisk „+”.

Po wykonaniu tej czynności musisz wpisać „Kanał Instagram”.

Gdy pojawi się odpowiedni blok, kliknij, aby dodać go do szablonu.

Jak zawsze, Smash Balloon domyślnie wyświetli kanał. Możesz zmienić ten kanał, dodając krótki kod, wykonując ten sam proces opisany powyżej.

Bonus: Pozwól klientom kupować Twoje produkty przez Instagram

Jeśli masz sklep internetowy, możesz również użyć swojego niestandardowego kanału na Instagramie do łatwej sprzedaży swoich produktów.

Smash Balloon Instagram Feed Pro pozwala oznaczać zdjęcia na Instagramie linkami do produktów, dzięki czemu użytkownicy mogą klikać w nie i kupować je bezpośrednio, zamiast przechodzić przez Twoje strony produktów. Może to zwiększyć sprzedaż i zyski w Twoim sklepie.

Więcej szczegółów znajdziesz w naszym kompletnym przewodniku na temat dodawania do WordPressa produktów z Instagrama oznaczonych jako możliwe do kupienia.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak stworzyć niestandardowy kanał z Instagrama w WordPressie. Możesz również dowiedzieć się jak dodać konkurs na Facebooku w WordPressie, aby zwiększyć zaangażowanie, oraz zapoznać się z naszym zestawieniem statystyk mediów społecznościowych dla początkujących.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.