Tworzenie niestandardowego kanału Instagram dla Twojej witryny WordPress

Niedawno jeden z naszych czytelników zapytał, czy można dodać niestandardowy kanał zdjęć na Instagramie do swojej witryny?

W szczególności chcieli dostosować kanał zdjęć na Instagramie, aby wyświetlać tylko wybrane zdjęcia zamiast wszystkich zdjęć z ich profilu.

W tym artykule pokażemy Ci dokładnie, jak utworzyć niestandardowy kanał zdjęć na Instagramie w WordPress.

Creating a custom Instagram feed for your WordPress site

Po co umieszczać kanał na Instagramie w swojej witrynie WordPress?

Dodanie kanału Instagram w witrynie WordPress pozwala dodawać świeże treści bez dużej pracy. Zachęca również czytelników do śledzenia Cię na Instagramie.

Zamiast ręcznie dodawać zdjęcia do witryny, możesz po prostu przesłać je na Instagram, a pojawią się w Twojej witrynie. Możesz także dołączyć zdjęcia innych osób za pomocą kanału hashtag.

Może to być świetny sposób, aby pokazać ludziom korzystającym z Twoich produktów, zapewniając cenny dowód społeczny, który może pomóc Ci zarobić więcej pieniędzy w Internecie.

Video Tutorial

Subskrybuj WPBeginner

Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.

Jak utworzyć niestandardowy kanał zdjęć Instagram w WordPress

Instagram Instagram feed jest dostępny na stronie internetowej, w której możesz zainstalować i aktywować wtyczkę Smash Balloon Instagram Feed. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Jest to wersja premium darmowego wtyczki Instagram feed, z której korzysta ponad milion witryn internetowych.

Po zainstalowaniu wtyczki przejdź do Instagram Feed ” Ustawienia strona w panelu administracyjnym WordPress i kliknij kartę Licencja, aby wprowadzić klucz licencyjny. Znajdziesz to na swoim koncie Smash Balloon.

Nie zapomnij kliknąć przycisku „Zapisz zmiany” na dole po aktywacji klucza licencyjnego.

Adding your Instagram Feed license

Po aktywowaniu licencji przejdź do zakładki „Konfiguruj” i kliknij przycisk „Połącz konto na Instagramie”.

Connecting your Instagram account

Następnie zobaczysz wyskakujące okienko z prośbą o wybranie, czy używasz osobistego, czy biznesowego profilu na Instagramie.

Select whether you're using a personal or business Instagram account

Jeśli chcesz po prostu wyświetlić kanał zdjęć, możesz użyć osobistego konta na Instagramie. Jeśli jednak chcesz pokazać kanał hashtag, musisz mieć konto firmowe na Instagramie.

Tip: Nie masz konta firmowego? Aby przekonwertować swoje osobiste konto na Instagramie na konto firmowe, możesz postępować zgodnie z instrukcjami Smash Balloon krok po kroku.

Utworzenie konta firmowego na Instagramie jest bezpłatne. W każdej chwili możesz przełączyć się z powrotem w aplikacji Instagram.

Po kliknięciu przycisku „Połącz” na pulpicie nawigacyjnym WordPress wystarczy postępować zgodnie z instrukcjami i połączyć swoje konto.

Następnie zobaczysz swoje konto wymienione obok „kont na Instagramie” w ten sposób:

The Instagram Feed plugin is now connected to your Instagram account

Uwaga: Możesz połączyć więcej niż jedno konto. W dalszej części tego samouczka przyjrzymy się, jak pokazać kilka różnych kanałów na Instagramie w Twojej witrynie.

Wyświetlanie kanału zdjęć na Instagramie w WordPress

Jeśli chcesz, aby Twoja witryna WordPress wyglądała świeżo i na bieżąco, łatwo jest dodać kanał najnowszych zdjęć na Instagramie. Najpierw przyjrzymy się podstawowej metodzie,a następnie omówimy, jak dostosować kanał.

Najpierw kliknij przycisk „Dodaj do kanału podstawowego” obok połączonego konta na Instagramie:

Add your Instagram posts to your primary feed

Następnie możesz otworzyć post lub stronę, na której zamierzasz dodać swój kanał. Alternatywnie, jeśli wolisz, możesz dodać go w widżecie paska bocznego.

Utworzymy nową stronę pod Strony ” Dodaj Nowy dla naszego pożywienia.

Kliknij symbol ( + ), aby dodać nowy blok, a następnie wybierz blok „kanał na Instagramie” z sekcji widżety:

Adding an Instagram feed block to your page

Twój kanał na Instagramie zostanie natychmiast dodany do twojej strony za pomocą przycisku Obserwuj:

Viewing your Instagram photos on your site

Jeśli używasz klasycznego edytora, po prostu wprowadź krótki kod [instagram-feed] tam, gdzie chcesz paszę.

Instagram Instagram Feed widżet można użyć shortcode lub widżet kanał dodać swoje posty na Instagramie na pasku bocznym lub stopce, zbyt. Po prostu idź do Wygląd ” Widgety i Przeciągnij widżet kanału Instagram w dowolne miejsce.

Adding the Instagram Feed widget to your sidebar

Dostosowywanie stylu Instagram Feed w WordPress

Domyślnie Twoje zdjęcia z Instagramu będą wyświetlane w czterokolumnowej siatce. Na początek użytkownicy zobaczą 20 zdjęć z twojego konta, ale mogą kliknąć „Załaduj więcej”, aby zobaczyć dodatkowe zdjęcia.

Wtyczka Instagram Feed zapewnia pełną kontrolę nad tymi ustawieniami.

Aby zmienić wygląd swojego kanału na Instagramie, przejdź do Instagram Feed „Ustawienia” Dostosuj.

Tutaj możesz zmienić szerokość i wysokość kanału, zmienić układ, zmienić liczbę zdjęć, kolumn i wiele innych.

Aby zmienić układ, po prostu kliknij wybraną opcję. Użyjemy układu podświetlenia dla naszych zdjęć na Instagramie, z podświetleniem każdego trzeciego zdjęcia.

Możesz także wybrać, na ile kolumn chcesz podzielić Zdjęcia i ile chcesz wyświetlić. Wybraliśmy 6 zdjęć w 3 kolumnach.

Changing the layout of your Instagram photos

Upewnij się, że po wprowadzeniu zmian klikniesz przycisk „Zapisz zmiany” u dołu ekranu.

Oto, jak teraz wygląda kanał na Instagramie na naszej stronie internetowej:

The Instagram photos on the site, arranged in a Highlight layout

Wyświetlanie hashtagu, otagowanego lub mieszanego kanału Instagram w WordPress

Kanał Instagram domyślnie wyświetla najnowsze posty z połączonego konta Instagram.

W niektórych przypadkach możesz chcieć pokazać coś innego. Na przykład możesz wyświetlać posty na Instagramie z dowolnego konta, o ile używają określonego hashtagu. Może to być świetny sposób na zaprezentowanie zdjęć z Wydarzenia lub konferencji.

Możesz zmienić typ kanału, przechodząc do Instagram Feed ” Konfiguracja. W sekcji typ kanału możesz przełączyć się na hashtag lub tag. Możesz kliknąć (?) ikona obok opcji, aby uzyskać więcej informacji.

Przełączymy się na kanał z hashtagami, korzystając z opcji publicznego hashtagu. Zamówimy przez ostatnie posty:

Switch to a hashtag feed of posts

Uwaga: Nie można tu tworzyć mieszanego kanału. Mieszany kanał to taki, który łączy różne typy, takie jak zdjęcia z konta użytkownika plus zdjęcia z hashtagu. Możesz postępować zgodnie z instrukcjami w następnej części samouczka, aby utworzyć taki kanał.

Oto jak teraz wygląda feed na naszej stronie:

The #wpbeginner hashtag feed

Tworzenie wielu kanałów Instagram w WordPress

Co zrobić, jeśli chcesz dołączyć kilka różnych kanałów Instagram w swojej witrynie WordPress? Jest to również możliwe dzięki kilku prostym konfiguracjom.

Najpierw przejdź do Instagram Feed ” Ustawienia i kliknij kartę „wyświetl swój kanał”.

Zobaczysz wiele różnych ustawień, których możesz użyć w [instagram-feed] shortcode.

Tip: Jeśli chcesz utworzyć tylko jeden kanał dla swojej witryny, możesz zmienić te ustawienia na karcie Konfiguracja, jak pokazano powyżej.

Jeśli masz podłączonych kilka kont użytkowników, możesz użyć [instagram-feed type= "user" username= "wpbeginner"] aby określić konto. Zmiana wpbeginner do żądanej nazwy użytkownika.

Możesz także utworzyć kanały na podstawie hashtagów tutaj. W takim przypadku musisz użyć [instagram-feed type = "hashtag" hashtag=" # wpbeginner"] gdzie # wpbeginner to wybrany przez Ciebie hashtag.

Inną opcją jest utworzenie kanału, który oznaczył określone konto użytkownika. Ta opcja jest dostępna tylko wtedy, gdy połączone konto Instagram w ustawieniach wtyczki jest kontem biznesowym.

Możesz nawet użyć skrótów, aby utworzyć mieszany kanał, który łączy różne typy kanałów, takie jak konto użytkownika Instagram oraz wszystkie zdjęcia z określonym hashtagiem.

Jeśli używasz bloku kanału Instagram w edytorze wizualnym WordPress, nie musisz tworzyć całego skrótu. Możesz po prostu dodać ustawienia shortcode w Ustawieniach bloku:

Adding the shortcode settings for the Instagram Feed block

Upewnij się, że klikasz przycisk „Zastosuj zmiany” po wprowadzeniu zmian tutaj.

Inne popularne Ustawienia kanału Instagram w WordPress

Możesz być całkowicie zadowolony z domyślnego wyświetlania zdjęć, ponieważ kanał Instagram wykonuje świetną robotę bez żadnych dostosowań.

Istnieją jednak pewne typowe poprawki, które możesz chcieć wprowadzić w zależności od tego, jak chcesz wyświetlić swoje zdjęcia na Instagramie.

Na przykład możesz wyświetlić tylko zdjęcia bez podpisów. Jest to szczególnie przydatne, jeśli dodajesz zdjęcia w dość wąskim pasku bocznym:

The Instagram Feed in the sidebar, with captions

Możesz wyłączyć napisy, dodając showcaption="false" do twojego krótkiego kodu. Następnie Twoje zdjęcia będą wyświetlane w ten sposób:

The Instagram photos in the sidebar without captions

Możesz filtrować posty, Jeśli używasz kanału hashtag. Na przykład możesz unikać postów, które wspominają o jednym z twoich konkurentów lub postach, które używają niegrzecznych słów w podpisie.

Możesz użyć excludewords= "konkurent, chamstwo" w Twoim shortcode. Spowoduje to wykluczenie wszystkich postów, które używają któregokolwiek ze słów na liście słów oddzielonych przecinkami. Zmień „konkurent” i „niegrzeczny” na dowolne słowa, które chcesz wykluczyć.

Inną opcją, której możesz użyć, jest zmiana tekstu przycisku Załaduj więcej. Możesz to zrobić dodając buttontext= "Zobacz więcej zdjęć" do twojego krótkiego kodu. Po prostu zastąp „Zobacz więcej zdjęć” tekstem, którego chcesz użyć.

Istnieje wiele innych ustawień, których możesz użyć. Wtyczka Instagram Instagram Feed Smash Balloon pozwala dostosować wszystko o tym, jak Twoje zdjęcia z Instagrama wyświetlają się w Twojej witrynie.

Jeśli chcesz zobaczyć wszystkie możliwe Ustawienia, po prostu przejdź do Instagram Feed „Ustawienia” Wyświetl Swój Kanał aby uzyskać pełną listę:

Instagram Feed Pro's display settings

Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się tworzyć Niestandardowy kanał Instagram w WordPress. Możesz również zobaczyć nasze porównanie najlepszych wtyczek do prezentów WordPress, aby zwiększyć liczbę obserwujących i najlepsze usługi e-mail marketingu, aby zwiększyć ruch w witrynie.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…