Jak osadzić albumy z Facebooka w WordPress

Czy chcesz osadzić albumy z Facebooka w WordPress?

Osadzanie albumów na Facebooku to świetny sposób na zwiększenie zaangażowania zarówno w witrynie WordPress, jak i na stronie na Facebooku. Może również zwiększyć liczbę obserwujących w mediach społecznościowych.

W tym artykule pokażemy, jak łatwo osadzić albumy z Facebooka w WordPress.

Osadzanie albumu Facebooka w WordPress

Wyświetlanie albumów w Twojej witrynie WordPress może sprawić, że Twoje strony będą bardziej atrakcyjne.

Gdy dodasz więcej zdjęć do Facebooka, będą one automatycznie pojawiać się w Twojej witrynie, więc jest to również świetny sposób na utrzymanie aktualności witryny, nawet dla stałych użytkowników.

Możesz nawet używać osadzonych albumów do promowania swojej strony na Facebooku. Jeśli odwiedzający zobaczą wiele interesujących zdjęć, będą chcieli śledzić Cię na Facebooku. To może zapewnić Ci dodatkowych obserwujących i większe zaangażowanie.

WordPress był kiedyś wyposażony we wbudowaną obsługę osadzania albumów na Facebooku. Tak jak osadzasz film z YouTube, możesz po prostu skopiować i wkleić adres URL dowolnego albumu na Facebooku, a WordPress automatycznie wyświetli ten album.

Jednak od tego czasu Facebook i Instagram wprowadziły zmiany w swoim interfejsie API. Te zmiany uniemożliwiają WordPressowi kontynuowanie obsługi oEmbed dla Facebooka i Instagrama.

Jeśli spróbujesz osadzić link do albumu, WordPress wyświetli komunikat „Przepraszamy, nie można osadzić tej treści”.

Na szczęście istnieje sposób na naprawienie osadzania Facebooka i Instagrama w WordPress za pomocą wtyczki.

Zobaczmy, jak łatwo osadzić albumy z Facebooka w WordPress, w tym jak wyświetlić określony album na dowolnej stronie lub poście.

Instalowanie wtyczki Facebook Album

Najlepszym sposobem na osadzenie albumów z Facebooka w WordPress jest użycie wtyczki Smash Balloon Custom Facebook Feed.

Ta wtyczka pozwala wyświetlać albumy Facebooka, komentarze, recenzje, posty społeczności i więcej w Twojej witrynie.

Pozwala również odwiedzającym przyjrzeć się bliżej Twoim zdjęciom i obrazom bez konieczności odwiedzania Facebooka, otwierając wyskakujące okienko w Twojej witrynie.

W tym przewodniku będziemy używać wersji pro Smash Balloon, ponieważ umożliwia ona osadzanie albumów na Facebooku, wyświetlanie filmów, wyświetlanie zdjęć w niestandardowym kanale na Facebooku i nie tylko. Istnieje jednak również darmowa wersja, która umożliwia tworzenie niestandardowych kanałów na Facebooku dla WordPress, bez względu na budżet.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Smash Balloon Custom Facebook Feed. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dotyczącym instalacji wtyczki WordPress.

Po aktywacji musisz przejść do Facebook Feed » Ustawienia i wprowadzić swój klucz licencyjny w polu „Klucz licencyjny”.

Informacje te znajdziesz na swoim koncie na stronie internetowej Smash Balloon.

Po wprowadzeniu klucza kliknij przycisk „Aktywuj”.

Połącz swoją stronę lub grupę na Facebooku z WordPress

Smash Balloon Custom Facebook Feed umożliwia osadzanie albumów z różnych stron i grup na Facebooku. Możesz nawet wyświetlać najnowsze komentarze w rozwijanym polu pod zdjęciem, wraz z polubieniami i udostępnieniami.

Aby połączyć swoją stronę lub grupę na Facebooku z WordPress, przejdź do Kanał na Facebooku »Wszystkie kanały , a następnie kliknij „Dodaj nowy”.

Smash Balloon pozwala wyświetlać posty z albumów zdjęć, osi czasu, wydarzeń i nie tylko.

Aby osadzić swoje albumy z Facebooka, musisz kliknąć „Albumy”, a następnie kliknąć „Dalej”.

Teraz musisz wybrać stronę lub grupę na Facebooku, z której będziesz pobierać albumy.

Aby rozpocząć, kliknij „Dodaj nowy”.

Na następnym ekranie wybierz, czy chcesz wyświetlać albumy ze strony, czy z grupy.

Następnie wystarczy kliknąć „Połącz z Facebookiem”.

Spowoduje to otwarcie wyskakującego okienka, w którym możesz zalogować się na swoje konto na Facebooku i wybrać strony lub grupy, z których chcesz osadzić albumy.

Po podjęciu tej decyzji kliknij „Dalej”.

Gdy to zrobisz, Facebook pokaże wszystkie informacje, do których Smash Balloon będzie miał dostęp, oraz działania, które może wykonać.

Aby ograniczyć dostęp Smash Balloon do swojego konta na Facebooku, po prostu kliknij dowolny przełącznik, aby zmienić go z „Tak” na „Nie”. Pamiętaj tylko, że może to wpłynąć na albumy i zdjęcia, które możesz osadzić na swoim blogu lub stronie WordPress.

Mając to na uwadze, zalecamy pozostawienie włączonych wszystkich przełączników.

Kiedy będziesz gotowy, kliknij „Gotowe”.

Po kilku chwilach powinieneś zobaczyć komunikat potwierdzający, że połączyłeś swoją witrynę WordPress z Facebookiem. Po wykonaniu tej czynności nadszedł czas, aby kliknąć „OK”.

Smash Balloon automatycznie przeniesie Cię z powrotem do pulpitu nawigacyjnego WordPress.

Jak osadzić albumy z Facebooka w WordPress

Zobaczysz teraz wyskakujące okienko z grupą lub stroną, którą właśnie połączyłeś z Twoją witryną. Po prostu wybierz przycisk radiowy obok źródła, a następnie kliknij przycisk „Dodaj”.

Jeśli przypadkowo zamknąłeś wyskakujące okienko, nie panikuj. Możesz po prostu odświeżyć kartę, aby ponownie otworzyć wyskakujące okienko.

Następnie WordPress automatycznie przeniesie Cię z powrotem do strony Facebook Feed »Wszystkie kanały . Tak jak poprzednio, kliknij przycisk „Dodaj nowy”, wybierz „Albumy”, a następnie kliknij przycisk „Dalej”.

Teraz wybierz swoją stronę lub grupę na Facebooku i kliknij „Dalej”.

Na tym ekranie możesz wybrać szablon, którego użyjesz jako punktu wyjścia dla swojego pliku danych. Wszystkie te szablony są w pełni konfigurowalne, więc możesz dostosować projekt w zależności od tego, jak chcesz wyświetlać albumy Facebooka w swojej witrynie.

Używamy szablonu „Domyślny”, ale możesz wybrać dowolny szablon.

Po wykonaniu tej czynności kliknij przycisk „Dalej”.

Smash Balloon rozpocznie teraz tworzenie kanału albumu na podstawie źródła i wybranego szablonu. To dobry początek, ale możesz chcieć dostroić sposób wyświetlania albumów w witrynie WordPress.

Jak dostosować swoje osadzone albumy na Facebooku

Wtyczka Smash Balloon Custom Facebook Feed daje wiele możliwości dostosowania sposobu wyświetlania albumów. Mając to na uwadze, warto zobaczyć, jakie zmiany możesz wprowadzić.

Na ekranie Facebook Feed »Wszystkie kanały znajdź swój kanał albumu, a następnie kliknij jego przycisk „Edytuj”, który wygląda jak mały ołówek.

Spowoduje to otwarcie edytora kanałów Smash Ballon, który pokazuje podgląd twoich albumów na Facebooku po prawej stronie.

Po lewej stronie zobaczysz wszystkie różne ustawienia, których możesz użyć, aby dostosować sposób wyświetlania tych albumów w Twojej witrynie. Większość z tych ustawień jest oczywista, ale szybko omówimy kilka kluczowych obszarów.

Aby rozpocząć, możesz zmienić sposób wyświetlania albumów, klikając „Układ kanału”.

Na tym ekranie możesz przełączać się między różnymi układami, takimi jak mur i siatka, oraz zmieniać wysokość podawania. W miarę wprowadzania zmian podgląd będzie aktualizowany automatycznie, dzięki czemu możesz wypróbować różne ustawienia, aby zobaczyć, co wygląda najlepiej.

Domyślnie kanał będzie wyświetlał taką samą liczbę postów na komputerach stacjonarnych i urządzeniach mobilnych, takich jak smartfony.

Możesz sprawdzić, jak Twoje albumy będą wyglądać na komputerach stacjonarnych, tabletach i smartfonach, korzystając z rzędu przycisków w prawym górnym rogu.

Urządzenia mobilne mają zwykle mniejsze ekrany i mniejszą moc obliczeniową, więc możesz chcieć wyświetlać mniej albumów na tabletach i smartfonach.

Aby to zrobić, po prostu wpisz inny numer w polu „Komórkowy” w sekcji „Liczba postów”.

Wypróbowując różne układy, możesz stworzyć niestandardowy kanał, który wygląda świetnie, bez względu na to, z jakiego urządzenia korzysta odwiedzający.

Domyślnie kanał Facebooka wyświetla mniej kolumn na smartfonach i tabletach niż na komputerach stacjonarnych. Dzięki temu wszystkie Twoje albumy i zdjęcia wygodnie mieszczą się na mniejszych ekranach.

Po przetestowaniu mobilnej wersji Twojej witryny WordPress możesz nie być zadowolony z wyglądu kolumn na smartfonach i tabletach. W takim przypadku możesz wyświetlić mniej kolumn, zmieniając liczby w sekcji „Kolumny”.

Gdy jesteś zadowolony z wprowadzonych zmian, kliknij link „Dostosuj”.

Spowoduje to powrót do głównego edytora Smash Balloon, gotowego do eksploracji następnego ekranu ustawień, czyli „Schematu kolorów”.

Domyślnie Smash Balloon używa schematu kolorów odziedziczonego z motywu WordPress, ale ten ekran pozwala przełączyć się na „Jasny” lub „Ciemny” wygląd,

Możesz także stworzyć własny schemat kolorów, wybierając „Niestandardowy”, a następnie używając elementów sterujących, aby zmienić kolor tła, zmienić kolor tekstu w WordPressie i nie tylko.

Domyślnie Smash Balloon dodaje nagłówek do Twojego kanału, którym jest Twoje zdjęcie profilowe na Facebooku oraz nazwa strony lub grupy.

Aby zmienić wygląd tej sekcji, kliknij „Nagłówek” w menu po lewej stronie.

Na tym ekranie możesz zmienić rozmiar nagłówka, jego kolor, ukryć lub pokazać swoje zdjęcie profilowe na Facebooku i nie tylko.

Jeśli chcesz całkowicie usunąć nagłówek, kliknij, aby wyłączyć przełącznik „Włącz”.

Domyślnie Smash Balloon pokazuje tytuł każdego albumu. Jeśli chcesz ukryć tytuł, wybierz „Posty” z głównego menu edytora Smash Balloon.

Następnie kliknij „Styl posta”.

Tutaj możesz usunąć tytuły albumów, klikając suwak „Pokaż tytuł albumu”.

Może to być przydatne, jeśli tytuły albumów odwracają uwagę od zdjęć lub nie mają sensu, jeśli są umieszczone w witrynie.

Na tym ekranie możesz także wybrać, czy pokazywać liczbę zdjęć w każdym albumie.

Aby dodać ten numer, po prostu kliknij przełącznik „Liczba postów w albumie”.

Domyślnie Smash Balloon nie zawiera przycisku „Lubię to” Facebooka w Twoim kanale. Aby zdobyć więcej obserwujących na Facebooku, możesz dodać ten przycisk, wybierając opcję „Lubię to” z menu po lewej stronie edytora.

Następnie po prostu kliknij przycisk „Włącz”, aby zmienił kolor na niebieski.

Domyślnie Smash Balloon dodaje ten przycisk pod osadzonymi albumami ze zdjęciami, ale możesz to zmienić, otwierając menu rozwijane „Pozycja” i wybierając „Góra”.

Na tym ekranie możesz także zmienić wygląd sekcji „Lubię to”, w tym dodać niestandardowe wezwanie do działania, pokazać, ile osób obserwuje Cię na Facebooku i nie tylko.

Gdy jesteś zadowolony z wyglądu przycisku „Lubię to”, możesz przejść do ekranu „Załaduj więcej przycisków”.

Przycisk Załaduj więcej zachęca odwiedzających do przewijania większej ilości Twojego kanału na Facebooku, więc Smash Balloon domyślnie dodaje go do osadzonych albumów ze zdjęciami.

Ponieważ jest to tak ważny przycisk, możesz pomóc Load More wyróżnić się, zmieniając jego kolor tła, kolor tekstu i etykietę.

Inną opcją jest całkowite usunięcie przycisku przez kliknięcie przełącznika „Włącz”.

Domyślnie Smash Balloon pozwala odwiedzającym przeglądać Twoje albumy na Facebooku bez opuszczania Twojej witryny.

Mogą po prostu kliknąć dowolny album, aby otworzyć lightbox, jak widać na poniższym obrazku.

Odwiedzający może następnie użyć strzałek do przewijania albumu.

Jeśli chcą polubić zdjęcie, zostawić komentarz lub udostępnić zdjęcie znajomym z Facebooka, mogą kliknąć link „Wyświetl na Facebooku”.

Istnieje kilka różnych sposobów dostosowania domyślnego lightboxa.

Aby zobaczyć opcje, kliknij „Lightbox” w menu po lewej stronie.

Tutaj możesz zmienić kolor tekstu, linków i kolorów tła lightboxa.

Funkcja lightbox ułatwia interakcję z Twoimi zdjęciami, ale pozwala też przeglądać Twoje albumy bez odwiedzania Twojej strony na Facebooku. Jeśli chcesz przyciągnąć więcej odwiedzających do swojej strony na Facebooku, możesz wyłączyć funkcję lightbox, klikając przełącznik „Włącz”.

Teraz, jeśli odwiedzający kliknie album, zostanie przekierowany na Twoją stronę na Facebooku w nowej karcie.

Gdy będziesz zadowolony z wyglądu albumów ze zdjęciami, nie zapomnij kliknąć „Zapisz”, aby zapisać zmiany.

Teraz możesz dodać te albumy do swojej witryny WordPress.

Jak dodać albumy z Facebooka do WordPress

Możesz dodać swoje albumy z Facebooka do WordPress za pomocą bloku, widżetu lub krótkiego kodu.

Jeśli utworzyłeś więcej niż jeden kanał za pomocą Smash Balloon, musisz znać kod kanału, jeśli zamierzasz użyć bloku lub widżetu.

Po prostu przejdź do Kanał Facebooka » Wszystkie kanały , a następnie spójrz na część feed="" krótkiego kodu. Musisz dodać ten kod do bloku lub widżetu, więc zanotuj go.

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

Jeśli chcesz osadzić swoje albumy z Facebooka na stronie lub w poście, zwykle użyjesz bloku Niestandardowy kanał na Facebooku.

Po prostu otwórz stronę lub post, na którym chcesz umieścić swoje albumy. Następnie kliknij ikonę „+”, aby dodać nowy blok i zacznij pisać „Niestandardowy kanał na Facebooku”.

Kiedy pojawi się prawy blok, kliknij, aby dodać go do swojej strony lub posta.

Blok domyślnie pokaże jeden z Twoich kanałów Smash Balloon. Jeśli zamiast tego chcesz użyć innego kanału, po prostu znajdź „Ustawienia krótkiego kodu” w menu po prawej stronie.

Możesz teraz dodać kod feed="" do tego pola. Następnie kliknij „Zastosuj zmiany”.

Blok będzie teraz wyświetlał albumy z Twojej strony lub grupy na Facebooku. Po prostu opublikuj lub zaktualizuj stronę, aby albumy były dostępne w Twojej witrynie.

Inną opcją jest dodanie kanału do dowolnego obszaru gotowego do widżetu, takiego jak pasek boczny lub podobna sekcja. Dzięki temu odwiedzający mogą zobaczyć Twoje zdjęcia z Facebooka z dowolnej strony Twojej witryny.

Po prostu przejdź do Wygląd » Widżety na pulpicie nawigacyjnym WordPress, a następnie kliknij niebieski przycisk „+”.

Gdy to zrobisz, znajdź widżet Niestandardowy kanał na Facebooku.

Następnie po prostu przeciągnij go na obszar, w którym chcesz wyświetlić kanał.

Widżet pokaże jeden z kanałów utworzonych za pomocą Smash Balloon.

Aby zamiast tego wyświetlić inny kanał, wpisz kod kanału w polu „Ustawienia krótkiego kodu”, a następnie kliknij „Zastosuj zmiany”.

Możesz teraz kliknąć przycisk „Aktualizuj”, aby uaktywnić widżet. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak dodawać i używać widżetów w WordPress.

Wreszcie, możesz osadzać swoje albumy na dowolnej stronie, poście lub gotowym widżecie za pomocą krótkiego kodu.

Po prostu przejdź do Facebook Feed » All Feeds i skopiuj kod w kolumnie „Shortcode”. Możesz teraz dodać ten kod do swojej witryny.

Aby uzyskać więcej informacji, zapoznaj się z naszym szczegółowym przewodnikiem na temat dodawania krótkiego kodu w WordPress.

Dodaj określony album na Facebooku w WordPress

Smash Balloon pozwala również osadzić określony album Facebooka w dowolnym miejscu na Twojej stronie WordPress. Dzięki temu możesz pokazać odwiedzającym swój najnowszy lub najlepszy album albo wyświetlić album pasujący do pozostałej zawartości strony.

Aby osadzić określony album z Facebooka, musisz kupić i zainstalować rozszerzenie Album, przechodząc do Kanał Facebooka » Rozszerzenia .

Tutaj znajdź rozszerzenie „Album” i kliknij jego przycisk „Dodaj”.

Spowoduje to otwarcie witryny Smash Ballon w nowej karcie z instrukcjami dotyczącymi zakupu rozszerzenia.

Po uzyskaniu rozszerzenia możesz je zainstalować dokładnie w taki sam sposób, jak instalujesz wtyczkę. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem dotyczącym instalacji wtyczki WordPress.

Po aktywacji wtyczki przejdź do Facebook Feed » All Feeds i kliknij „Dodaj nowy”.

W sekcji „Zaawansowane typy kanałów” wybierz „Pojedynczy album”, a następnie kliknij przycisk „Dalej”.

Możesz teraz wybrać stronę lub grupę, której chcesz użyć jako źródła, i wybrać szablon, wykonując ten sam proces opisany powyżej.

Na następnej stronie musisz wprowadzić identyfikator albumu, który chcesz osadzić.

W nowej karcie po prostu otwórz album Facebooka, który chcesz wyświetlić.

Możesz teraz kopiować liczby po symbolu = i pomiędzy dwoma pierwszymi kropkami. Na przykład na poniższym obrazku musimy skopiować 447443907512397.

Możesz teraz wkleić te liczby do pulpitu nawigacyjnego WordPress.

Następnie kliknij „Dalej”, a Smash Balloon pobierze album.

Następnie możesz nadać styl albumowi i dodać go do swojej witryny, wykonując ten sam proces opisany powyżej.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak osadzać albumy Facebooka w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia niestandardowego źródła zdjęć na Instagramie w WordPress i tworzenia biuletynu e-mail, aby połączyć się z odwiedzającymi po opuszczeniu Twojej witryny.

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