Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak utworzyć własny Facebook Feed w WordPress?

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Chcesz utworzyć własny kanał na Facebooku w WordPressie?

Konfigurator umożliwia wyświetlanie wpisów z Twojej strony lub grupy na Facebooku w witrynie internetowej WordPress. Może to sprawić, że Twoja witryna będzie bardziej angażująca i zachęci odwiedzających do śledzenia Cię na Facebooku.

W tym artykule pokażemy, jak łatwo utworzyć własny kanał na Facebooku w WordPressie.

How to create a custom Facebook feed in WordPress

Dlaczego warto utworzyć własny Facebook Feed w WordPress?

Według naszego raportu statystyk marketingowych, Facebook ma ponad 2,9 miliarda włączanych użytkowników miesięcznie. To czyni go największą witryną mediów społecznościowych na świecie. Jako właściciel witryny internetowej, być może stworzyłeś już stronę lub grupę na Facebooku, gdzie angażujesz swoich odbiorców.

Jednak osoby, które tylko przejdą na Twoją witrynę internetową, nie zobaczą Twoich wpisów na Facebooku. Dodając własny kanał na Facebooku, możesz pokazać odwiedzającym, co dzieje się w Twojej grupie lub na Twojej stronie.

Może to sprawić, że twoja witryna internetowa będzie bardziej wciągająca i interesująca, zwłaszcza jeśli wpiszesz na Facebooka treści multimedialne, takie jak filmy i obrazki.

A custom Facebook feed in WordPress, created with Smash Balloon

Jest to również świetny sposób na promowanie twojej strony lub grupy na Facebooku, co pomoże ci zdobyć więcej polubień na Facebooku i zwiększyć liczbę obserwujących.

Powiedziawszy to, zobaczmy, jak dodać własny kanał Facebook do twojej witryny WordPress.org. Możesz skorzystać z poniższych odnośników, aby poruszać się po tym przewodniku krok po kroku:

Krok 1: Zainstaluj wtyczkę Smash Balloon Facebook Feed.

Najlepszym i najbardziej przyjaznym dla początkujących sposobem na dodanie niestandardowego kanału na Facebooku do twojej witryny internetowej WordPress jest użycie wtyczki Smash Balloon Custom Facebook Feed.

Wtyczka ta pozwala wyświetlać treści i komentarze z Facebooka bezpośrednio na twojej witrynie, a nawet łączyć wpisy z wielu kanałów Facebooka. Ułatwia również wyświetlanie potężnego dowodu społecznego poprzez osadzanie recenzji i wpisów społeczności na Facebooku w twojej witrynie internetowej.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Smash Balloon Custom Facebook Feed Pro. Więcej szczegółów można znaleźć w naszym przewodniku na temat instalacji wtyczki WordPress.

W tym wpisie będziemy korzystać z wersji pro Smash Balloon, ponieważ pozwala ona wyświetlać filmy i zdjęcia na kanale Facebook Feed, wybierać różne układy, filtrować kanał na podstawie typu treści i nie tylko.

Istnieje jednak również darmowa wersja, która pozwala stworzyć własny kanał Facebook Feed dla WordPressa, bez względu na twój budżet.

Po włączaniu należy przejść do Facebook Feed ” Ustawienia i wpisz klucz licencyjny w polu „Klucz licencyjny”.

Adding a license key to Smash Balloon

Informacje te znajdziesz na swoim koncie w witrynie internetowej Smash Balloon.

Po wpiszeniu klucza wystarczy kliknąć przycisk „Włącz”.

Krok 2: Podłącz twoją stronę lub grupę na Facebooku do WordPressa

Smash Balloon Custom Facebook Feed umożliwia tworzenie wielu kanałów z różnych twoich stron i grup na Facebooku. Można nawet łączyć kanały, aby utworzyć własny kanał.

Aby utworzyć twój pierwszy kanał, przejdź do Facebook Feed ” All Feeds, a następnie kliknij „Add New”.

Adding a Facebook social media feed to WordPress

Smash Balloon umożliwia wyświetlanie albumów z Facebooka, wpisów z Twojej osi czasu, filmów, wydarzeń i nie tylko. W tym przewodniku utworzymy kanał „Timeline” na Facebooku, ale możesz wybrać dowolny rodzaj kanału.

Po wybraniu rodzaju kanału kliknij przycisk „Dalej”.

How to add a Facebook timeline to your website

Teraz należy wybrać stronę lub grupę na Facebooku, z której będą pobierane treści.

Aby rozpocząć, kliknij „Utwórz nowy”.

Adding your Facebook group or page as a source

Na następnym ekranie wybierz, czy chcesz osadzać kanał grupowy Facebooka w WordPress, czy utworzyć kanał na stronie Facebooka.

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

Connecting Smash Balloon to your Facebook group or page

Spowoduje to otwarcie wyskakującego okienka, w którym możesz logować się na swoje konto na Facebooku i wybierać strony lub grupy, których chcesz używać na kanale.

Po dokonaniu twojego wyboru kliknij przycisk „Dalej”.

Connecting Facebook and WordPress with Smash Balloon

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

Aby ograniczyć dostęp Smash Balloon do twojego konta na Facebooku, po prostu kliknij dowolny przełącznik, aby zmienić go z „Tak” na „Nie”. Należy tylko pamiętać, że może to mieć wpływ na treść, którą można wyświetlać na kanale mediów społecznościowych.

Mając to na uwadze, zalecamy włączenie wszystkich tych przełączników.

Giving WordPress access to your Facebook group or page

Gdy będziesz gotowy, kliknij „Gotowe”.

Po kilku chwilach powinieneś zobaczyć komunikat o pomyślnym odnośniku Twojej witryny internetowej WordPress do Facebooka. Możesz teraz kliknąć „OK”.

How to create a custom Facebook feed in WordPress

Po wykonaniu tej czynności Smash Balloon automatycznie powróci do pulpitu WordPress.

Krok 3: Utwórz własny Facebook Feed w WordPressie

Zobaczysz teraz wyskakujące okienko z grupą lub stroną, którą właśnie odnośnik do twojej witryny internetowej WordPress. Po prostu wybierz przycisk radiowy obok twojego źródła, a następnie kliknij przycisk „Dodaj”.

Using Facebook as a source for your custom feed

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

Gdy to zrobisz, powrócisz do strony Facebook Feed ” All Feeds.

Tak jak poprzednio, kliknij przycisk „Dodaj nowy”, a następnie wybierz rodzaj konfiguratora kanałów filmów, który chcesz utworzyć, np. oś czasu, zdjęcia lub filmy.

Następnie kliknij „Dalej”. Teraz, w sekcji „Wybierz źródło”, zobaczysz swoją grupę lub stronę na Facebooku jako opcję.

Creating a new custom Facebook feed in WordPress

Przejdź dalej i wybierz stronę lub grupę, a następnie kliknij „Dalej”.

Możesz teraz wybrać szablon, którego chcesz użyć jako punktu wyjścia dla twojego kanału. Wszystkie te szablony są w pełni konfigurowalne, więc możesz je dostosować tak, aby idealnie pasowały do twojego bloga lub witryny internetowej WordPress.

Będziemy używać szablonu „Default”, ale możesz użyć dowolnego szablonu.

Choosing a Smash Balloon template

Po wybraniu projektu kliknij przycisk „Dalej”.

Smash Balloon utworzy teraz kanał Facebook Feed na podstawie twojego źródła i wybranego szablonu. To świetny początek, ale możesz chcieć dopracować sposób wyświetlania tego kanału na twojej witrynie internetowej.

Krok 4: Dostosuj swój Facebook Feed do własnych potrzeb.

Wtyczka Smash Balloon Custom Facebook Feed daje wiele opcji konfiguratora do edycji twojego kanału. Mając to na uwadze, warto sprawdzić, jakie zmiany można wprowadzić.

Na ekranie Facebook Feed ” All Feeds znajdź właśnie utworzony kanał i kliknij jego przycisk „Edit”, który wygląda jak mały ołówek.

Editing your social media feed

Spowoduje to otwarcie edytora kanałów, który pokazuje podgląd tego, jak własny kanał Facebook Feed będzie wyglądał na twojej witrynie internetowej. Tutaj możesz zobaczyć wszystkie osadzane filmy z Facebooka, aktualizacje statusu i inne treści, które pojawią się na twojej witrynie internetowej WordPress.

Po lewej stronie zobaczysz wszystkie różne ustawienia, których możesz użyć, aby dostosować kanał. Większość z tych ustawień nie wymaga wyjaśnień, ale szybko omówimy kilka kluczowych obszarów.

The Smash Balloon editor

Na początek możesz zmienić sposób wyświetlania twoich wpisów, klikając „Układ kanału”.

Na tym ekranie można przełączać się między różnymi układami i zmieniać wysokość kanału. Można nawet utworzyć responsywny pokaz slajdów, wybierając układ „Karuzela”.

W miarę wprowadzania zmian podgląd będzie aktualizowany automatycznie, dzięki czemu można wypróbować różne ustawienia, aby zobaczyć, co najlepiej pasuje do twojej witryny internetowej.

Choosing a layout for your custom Facebook feed

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

Jednak urządzenia mobilne mają zwykle mniejsze ekrany i mniejszą moc obliczeniową, więc możesz chcieć wyświetlać mniej wpisów na tabletach i smartfonach. Aby to zrobić, wystarczy wpisać inną liczbę w polu „Mobilne” w sekcji „Liczba wpisów”.

Creating a mobile-friendly layout for your website

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

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

Previewing your website's mobile layout with Smash Balloon

Domyślnie kanał Facebook Feed wyświetla mniej kolumn na smartfonach i tabletach w porównaniu do komputerów stacjonarnych. Dzięki temu Twoje treści wygodnie mieszczą się na mniejszych ekranach.

Jednak po przetestowaniu mobilnej wersji twojej witryny internetowej WordPress możesz być niezadowolony z wyglądu kolumn na smartfonach i tabletach. W takim przypadku można dostosować kolumny, zmieniając liczby w sekcji „Kolumny”.

Changing the number of columns in your social media feed

Gdy będziesz zadowolony z wprowadzonych zmian, kliknij odnośnik „Dostosuj” w górnej części menu.

Spowoduje to powrót do głównego edytora Smash Balloon.

Returning to the Smash Balloon customize screen

Następnie możesz kliknąć„Schemat kolorów” w menu po lewej stronie i przyjrzeć się różnym kolorom, które możesz dodać do kanału na Facebooku.

Domyślnie Smash Balloon używa schematu kolorów odziedziczonego z twojego motywu WordPress, ale możesz także wybrać „Jasny” lub „Ciemny”, a nawet stworzyć własny konfigurator kolorów.

Changing the color scheme of the social media feed

Możesz na przykład zmienić kolor tekstu, aby wyróżniał się na tle twojego motywu.

Domyślnie Smash Balloon dodaje nagłówek na Twoim kanale, który jest Twoim zdjęciem profilowym na Facebooku i nazwą Twojej strony lub grupy. Może to dodać dodatkowy kontekst, zamiast po prostu wyświetlać twoją oś czasu na Facebooku w WordPress.

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

Customizing the header layout with Smash Balloon

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

Jeśli chcesz całkowicie usunąć nagłówek, kliknij przełącznik, aby zmienić jego kolor z niebieskiego (włączony) na szary (wyłączony).

Removing the header from your custom Facebook feed

Następny jest ekran „Wpisy”. Tutaj możesz zmienić wygląd poszczególnych wpisów w niestandardowym kanale Facebook Feed.

Można na przykład przełączać się między stylem zwykłym i pudełkowym, zmieniać kolor tła, dodawać cień pudełka i nie tylko.

How to style your custom social media feed in WordPress

Domyślnie Smash Balloon nie zawiera przycisku „Lubię to” na Facebooku Feed na twoim kanale.

Aby zachęcić więcej odwiedzających do śledzenia twojej strony na Facebooku, możesz dodać ten przycisk, wybierając „Like Box” z lewego menu edytora.

Następnie wystarczy kliknąć przycisk „Włącz”, aby zmienił kolor na niebieski. Teraz, jeśli przewiniesz do dołu podglądu, zobaczysz przycisk „Lubię to”.

Adding a 'like' button to your Facebook feed

Obszar ten można stylizować przy użyciu różnych ustawień. Możesz na przykład wybrać, czy przycisk ma być wyświetlany na górze czy na dole kanału oraz czy ma zawierać zdjęcie okładki z Twojej strony na Facebooku.

Gdy jesteś zadowolony z wyglądu przycisku „Lubię to”, możesz przejść do ekranu „Wczytywanie kolejnych przycisków”.

Customizing the Load More Button

Przycisk „Wczytuj więcej” zachęca odwiedzających do przewinięcia większej ilości Twojego kanału na Facebooku.

Z tego powodu warto sprawić, by przycisk przyciągał wzrok, zmieniając kolor tła, kolor tekstu i etykietę.

Changing the color scheme of your social media feed

Inną opcją jest całkowite usuwanie przycisku „Wczytywanie” poprzez kliknięcie przełącznika „Włącz”, aby zmienił kolor na szary.

Wyłączenie przycisku „Wczytywanie więcej” jest przydatne, jeśli twój kanał na Facebooku ma charakter czasowy. Na przykład, jeśli Zamierzasz publikować głównie wpisy dotyczące kalendarza wydarzeń na Facebooku, odwiedzający mogą nie mieć potrzeby przewijania Twoich poprzednich wpisów, ponieważ nie są one już istotne.

Gdy będziesz zadowolony z konfiguracji własnego kanału na Facebooku, nie zapomnij kliknąć „Zapisz”, aby zapisać wprowadzone zmiany.

Jesteś teraz gotowy, aby dodać kanał Facebook do Twojej witryny internetowej WordPress.

Saving your changes in Smash Balloon

Krok 5: Dodaj własny Facebook Feed do WordPressa

Aby osadzać kanały Facebook Feed w WordPress, kliknij przycisk „Osadź” obok „Zapisz”.

Clicking the Embed button in the Smash Balloon Facebook Feed plugin

Zobaczysz teraz dwie opcje dodania twojego kanału na Facebooku: krótki kod lub blok.

Z naszego doświadczenia wynika, że łatwiej jest wstawić Twój kanał na Facebooku za pomocą bloku. Aby to zrobić, możesz kliknąć „Dodaj do strony” lub „Dodaj do widżetu”, jeśli twój motyw ma obszar gotowy na widżet.

W naszym przewodniku użyjemy przycisku Dodaj do strony na potrzeby przykładu.

Seeing the Embed Feed popup when creating a Facebook Feed using Smash Balloon

Teraz będziesz musiał wybrać stronę, na którą chcesz wstawić kanał z Facebooka.

Wystarczy wybrać jedną z nich i kliknąć „Dodaj”.

Choosing a page to embed the Facebook Feed to with Smash Balloon

Nastąpi przekierowanie do edytora bloków. Następnie wystarczy kliknąć przycisk „+ Dodaj blok” i wyszukać blok Facebook Feed.

Na tym etapie możesz po prostu przeciągnąć i upuścić go w dowolnym miejscu.

Adding the Facebook Feed in the block editor

Gdy już to zrobisz, wybierz źródło kanału na Facebooku.

Na przykład:

Choosing a Facebook feed source using the Smash Balloon block

Twój kanał na Facebooku powinien być teraz widoczny.

Wystarczy kliknąć „Aktualizuj”, aby zmiany stały się oficjalne.

Updating the block editor after adding a Facebook feed using Smash Balloon

Jeśli chcesz użyć metody krótkiego kodu, możesz skopiować krótki kod z wyskakującego okienka Osadzanie kanału wcześniej.

Następnie wystarczy wkleić krótki kod do bloku krótkiego kodu w edytorze treści podczas edycji strony WordPress, wpisu lub widżetu. Po zakończeniu kliknij przycisk „Aktualizuj”.

Więcej informacji na temat umieszczania krótkiego kodu można znaleźć w naszym przewodniku na temat dodawania krótkiego kodu w WordPress.

Adding a Smash Balloon Facebook Feed shortcode in the block editor

Wskazówka bonusowa: Jak dodać więcej kanałów mediów społecznościowych do WordPressa?

Jeśli chcesz osadzać wpisy o statusie z Facebooka w WordPressie, pokazywać swoją oś czasu, wyświetlać albumy z Facebooka i nie tylko, to Custom Facebook Feed jest najlepszą wtyczką do WordPressa.

Jednak wiele witryn internetowych ma wiele kont w mediach społecznościowych, takich jak kanał YouTube, profil na Twitterze i konto na Instagramie. Jeśli tworzysz unikatowe treści dla każdej z tych platform, to sensowne jest pokazanie tych treści na Twojej witrynie internetowej WordPress.

Możesz wyświetlać najnowsze filmy ze swojego kanału YouTube w WordPressie za pomocą darmowej wtyczki Smash Balloon YouTube Feed for YouTube.

How to embed YouTube videos in WordPress

Z ponad miliardem włączonych użytkowników miesięcznie, Instagram jest doskonałym miejscem do promowania twoich produktów, usług i wpisów na blogu.

Jeśli masz konto na Instagramie, możesz utworzyć własny kanał Instagramu, a następnie dodać go do dowolnej strony internetowej, wpisu lub obszaru gotowego na widżet. Możesz nawet dodawać obrazki z Instagrama w WordPressie.

An example of a shoppable Instagram image in WordPress

Mamy nadzieję, że ten artykuł pomógł Ci dodać własny kanał Facebook w WordPress. Możesz również zapoznać się z naszym przewodnikiem po optymalizacji WordPress pod kątem wyszukiwarek (SEO) lub sprawdzić naszą listę najlepszych wtyczek społecznościowych.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

10 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Darknote says

    Hi,
    Putting the page ID does not work, you will get on debug, it is indicated in error

    developers.facebook.com/tools/debug/

    You absolutely have to create a Facebook apps, the only good method!

  3. RickH says

    Any plugin that will grab a FB 'status’ from a personal (publicly visible) FB account into a separate post? So that each new status will create a new post?

    Thanks…

  4. Anthony says

    Thanks for this article. Have tried and success but i use this tool to find facebook ID, it can find group id and page id too

  5. Shubha das says

    Thanks for sharing this post. Please let me know if free plugin are available for creating custom facebook feed.

    • melanie martins says

      Facebook feed by arrow is free, though i would love to see a tutorial to create my own facebook feed „plugin”

  6. Munna Hossain says

    Great sharing. I am new in WordPress. I don’t know everything about WordPress. Your article will help to create custom facebook feed in my WordPress site. Thank you for sharing such an informative article.

  7. Tracy TC says

    Do you recognize the feed on the homepage of I like the fact that it includes thumbnail pictures from each post. I find that more visually interesting than showing my logo over and over in the feed. I don’t control that area of the website (although I do know that it is WP) and the host has no interest in sharing which plugin is used.

    Thank you!!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.