Wyświetlanie osi czasu Facebooka w WordPress

Czy chcesz pokazać swoje posty na osi czasu na Facebooku na swojej stronie?

Dodając Facebook aktualizacje do swojej witryny, można zachować użytkowników na bieżąco z statusu w czasie rzeczywistym, a nawet zwiększyć swoje facebook following.

W tym artykule pokażemy, jak łatwo wyświetlić oś czasu Facebooka w WordPress.

Displaying your Facebook timeline in WordPress

Video Tutorial

Subskrybuj WPBeginner

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

Wyświetlanie osi czasu Facebooka w WordPress

Facebook Feed Pro Facebooka Smash Balloon będzie dodawał naszą oś czasu na Facebooku do naszej Strony WordPress.

Najpierw musisz przejść do strony Smash Balloon i pobrać niestandardową wtyczkę Facebook Feed Pro.

Następnie musisz zainstalować i aktywować wtyczkę na swojej stronie. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: Istnieje również darmowa wersja wtyczki, o nazwie Smash Balloon Social Post Feed. Działa to dobrze, aby wyświetlić tekst i linki z osi czasu. Jednak nie pokaże zdjęć.

Po aktywacji przejdź do Facebook Feed ” Ustawienia w panelu WordPress. Tutaj musisz połączyć swoje konto na Facebooku.

Connect your Facebook account to the Custom Facebook Feed plugin

Następnie musisz zdecydować, czy chcesz wyświetlić stronę na Facebooku, czy oś czasu grupy. Użyjemy naszej strony na Facebooku.

Uwaga: Nie można wyświetlić osi czasu ze swojego osobistego profilu. Wynika to z polityki prywatności Facebooka.

Continue connecting Facebook Feed Pro to Facebook

Facebook Facebooka poprosi Cię o wyrażenie zgody i udzielenie Smash Balloon pozwolenia na dostęp do Twojego konta na Facebooku. Po prostu postępuj zgodnie z instrukcjami wyświetlanymi na ekranie.

Następnie ponownie zobaczysz stronę niestandardowych ustawień kanału Facebook, z wyskakującym okienkiem z prośbą o wybranie strony, której chcesz użyć. Kliknij na wybraną stronę, a następnie kliknij przycisk „Połącz tę stronę”:

Select the Facebook page that you want to connect to your website

Powinieneś teraz zobaczyć swoją stronę w sekcji „Połączone konta”w niestandardowych ustawieniach konfiguracji kanału Facebook. Nie zapomnij kliknąć przycisku „Zapisz Ustawienia”, aby je zapisać.

Make sure you click the button to save changes to your settings

Teraz nadszedł czas, aby przejść do przodu i dodać oś czasu Facebooka ze swojej strony do swojej witryny. Po prostu otwórz post lub stronę, na której chcesz umieścić oś czasu, lub utwórz nowy post lub stronę.

Możliwe jest również dodanie osi czasu do paska bocznego WordPress, co omówimy w dalszej części tego samouczka.

Utworzymy nową stronę, przechodząc do Strony ” Dodaj Nowy. Na ekranie edycji strony kliknij ikonę ( + ), aby dodać niestandardowy blok kanału Facebook w edytorze bloków WordPress:

Adding the Facebook feed block to a page

Możesz zobaczyć podgląd swojego kanału na Facebooku od razu w edytorze treści. Przejdź do podglądu lub opublikuj swoją stronę, aby sprawdzić ją w swojej witrynie. Oto nasza oś czasu na Facebooku:

Our Facebook page timeline displaying on our WordPress page

Dodaliśmy kilka stylizacji do naszej osi czasu, aby wyglądać świetnie na naszej stronie. Facebook Feed Pro to aplikacja, która pozwala na dostosowanie własnej osi czasu na Facebooku.

Dostosowanie Facebook oś czasu z Smash Balloon Facebook Feed Pro

Niestandardowy Facebook Feed Pro pozwala zmienić wszelkiego rodzaju opcje dotyczące osi czasu. Przejrzyjmy kilka kluczowych.

Po prostu przejdź do Facebook Feed ” Ustawienia strona w panelu WordPress.

Przewiń w dół do sekcji „Ustawienia”, a zobaczysz kilka kluczowych opcji. Na przykład możesz zdecydować, że chcesz wyświetlić tylko 5 postów:

Changing the number of posts shown in the Facebook timeline on the website

Istnieje również wiele ustawień pod Facebook Feed ” Dostosuj strona, którą możesz wypróbować. Ta strona oferuje wiele różnych opcji do wyboru w różnych zakładkach.

The Customize options for the Custom Facebook Feed plugin

Aby zmienić układ osi czasu, po prostu kliknij kartę „Układ postów”. Wybraliśmy styl „połowy szerokości” dla naszych postów na górze tutaj. Nie zapomnij kliknąć przycisku „Zapisz zmiany” po wprowadzeniu zmian:

Using half-width posts for the Facebook timeline

Następnie przejdź do zakładki „Style Posts”, aby zmienić styl swoich postów. Uważamy, że styl „pudełkowy” wygląda świetnie. Daliśmy naszym postom zaokrąglone rogi plus Cień:

Changing how the Facebook posts are styled in the timeline by adding a box and rounded corners

Ponownie upewnij się, że zapisałeś zmiany przed opuszczeniem strony.

Dodawanie własnej osi czasu na Facebooku w pasku bocznym WordPress

Co zrobić, jeśli chcesz wyświetlić oś czasu na Facebooku na pasku bocznym, a nie w poście lub stronie? Możesz to łatwo zrobić za pomocą niestandardowych kanałów na Facebooku.

Najpierw przejdź do Wygląd ” Widgety strona w obszarze administracyjnym WordPress. Następnie Przeciągnij widżet „tekst”w dowolne miejsce na pasku bocznym. Teraz po prostu wprowadź skrócony kod [custom-facebook-feed] w widżecie i zapisać go.

Adding a custom Facebook feed to a widget

Twoja oś czasu na Facebooku pojawi się teraz na pasku bocznym w Twojej witrynie:

Viewing the Facebook timeline in your sidebar

Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się wyświetlać swoją oś czasu na Facebooku w WordPress. Możesz również sprawdzić nasze artykuły na temat łatwych sposobów zwiększenia ruchu na blogu i najlepszych wtyczek WordPress.

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…