Jak wyświetlać wydarzenia na Facebooku w witrynie WordPress

Czy chcesz wyświetlać wydarzenia na Facebooku w swojej witrynie WordPress? Wydarzenia na Facebooku pozwalają promować swoje wydarzenia, wykorzystując moc największej na świecie sieci społecznościowej. W tym artykule pokażemy, jak wyświetlać wydarzenia na Facebooku w WordPress.


Jak wyświetlać wydarzenia na Facebooku w WordPress

Metoda 1: Dodaj zdarzenia na Facebooku za pomocą wtyczki strony na Facebooku

Ta metoda wykorzystuje wtyczki społecznościowe Facebooka do dodawania wydarzeń z Facebooka do WordPress. Będziesz musiał edytować pliki motywów WordPress. Jeśli nie masz doświadczenia z ręcznym dodawaniem kodu, wypróbuj inne metody opisane w tym artykule.

Zacznijmy.

Film instruktażowy

Subskrybuj WPBeginner

Jeśli film Ci się nie podoba lub potrzebujesz więcej instrukcji, czytaj dalej.

Najpierw musisz odwiedzić wtyczkę strony na stronie programistów Facebooka. W polu Adres URL strony na Facebooku wprowadź adres URL swojej strony na Facebooku.

Wtyczka strony na Facebooku może wyświetlać wiele kart ze strony, w tym kartę zdarzeń. Po prostu wpisz „zdarzenia” w polu kart, a zobaczysz, że okno podglądu załaduje się ponownie, aby wyświetlić kartę wydarzeń na stronie.

Ustawienia wtyczek na Facebooku

Możesz także dostosować inne ustawienia, takie jak rozmiar zdjęcia na okładkę, wysokość i szerokość pojemnika itp.

Gdy będziesz zadowolony, kliknij przycisk „Uzyskaj kod”. Spowoduje to wyświetlenie wyskakującego okienka z dwoma polami kodu.

Kod wtyczki na Facebooku

Pierwszą część kodu należy dodać do pliku header.php kompozycji bezpośrednio po tagu.

Następnie musisz skopiować drugą część kodu i wkleić go w poście WordPress, stronie lub widżecie tekstowym.

Nie zapomnij zapisać zmian.

To wszystko, co możesz teraz odwiedzić w swojej witrynie, a zobaczysz wtyczkę na Facebooku pokazującą wydarzenia na Twojej stronie.

Wydarzenie na Facebooku osadzone na stronie WordPress

Metoda 2. Dodaj zdarzenia z Facebooka za pomocą wtyczki WordPress

Ta metoda pozwala dodawać zdarzenia Facebooka w WordPressie bez dodawania kodu do plików motywu.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę WP Embed Facebook. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, w jaki sposób zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić Ustawienia »Osadź Facebook strona, aby skonfigurować ustawienia wtyczek.

Strona ustawień wtyczki jest podzielona na wiele kart. Wylądujesz na zakładce „Magic Embeds”. Przewiń w dół do sekcji ustawień Facebooka.

WP Osadź stronę ustawień Facebooka

Musisz wprowadzić identyfikator aplikacji Facebook i tajne klucze. Możesz uzyskać te klucze, odwiedzając witrynę Facebook Developers i tworząc nową aplikację.

Tworzenie nowej aplikacji na Facebooku

Spowoduje to wyświetlenie wyskakującego okienka, w którym zostaniesz poproszony o podanie nazwy swojej aplikacji i wybranie kategorii.

Podaj nazwę swojej aplikacji i wybierz kategorię

Kliknij przycisk Utwórz identyfikator aplikacji, aby kontynuować.

Facebook utworzy teraz twoją aplikację i nastąpi przekierowanie do pulpitu aplikacji. Kliknij link ustawień w menu po lewej stronie, aby wyświetlić klucze aplikacji.

Skopiuj swój identyfikator aplikacji i tajne klucze

Teraz zobaczysz swój identyfikator aplikacji i tajny klucz, który będzie ukryty, i będziesz musiał kliknąć przycisk pokaż, aby go skopiować.

Wprowadź oba klucze w odpowiednich polach na stronie ustawień WP Embed Facebook plugin dla swojej witryny WordPress.

Nie zapomnij kliknąć przycisku „Zapisz wszystkie ustawienia”, aby zapisać zmiany.

Jesteś teraz gotowy, aby dodać swoje wydarzenie w WordPress. Edytuj post lub stronę, na której chcesz wyświetlić wydarzenie na Facebooku, i dodaj następujący kod:

[fb_plugin page href ="https://www.facebook.com/YourFBPage" tabs ="wydarzenia"]

Nie zapomnij użyć skrótu adresu URL swojej strony na Facebooku.

Ten krótki kod wyświetli wtyczkę na Facebooku tylko z zakładką Wydarzenia. Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć ją w akcji.

Możesz także dodać krótki kod do widżetu tekstowego. Ale zanim to zrobisz, musisz włączyć skróty dla widżetów paska bocznego.

Dodaj wydarzenie, które nie zostało utworzone przez stronę lub grupę na Facebooku

Niektórzy użytkownicy mogą wymagać udostępnienia wydarzenia na Facebooku utworzonego przez ich osobiste profile. Te zdarzenia nie są powiązane ze stroną. Oto, w jaki sposób pokażesz je za pomocą niestandardowej funkcji wtyczki.

Zamiast używać skrótu wtyczki strony na Facebooku, musisz użyć niestandardowego skrótu osadzania w następujący sposób:

[facebook https://www.facebook.com/events/1796069560608519/]

Zamień adres URL w krótkim kodzie na adres URL wydarzenia na Facebooku.

Możesz teraz wyświetlić podgląd swojej witryny, aby zobaczyć wydarzenia na Facebooku osadzone w akcji.

Dodanie pojedynczego wydarzenia na Facebooku w WordPress

Metoda 3: Pokaż kalendarz wydarzeń na Facebooku za pomocą widgetu

Ta metoda pozwala pobrać zdarzenia z Facebooka dla grupy lub strony i wyświetlić je w widżecie paska bocznego WordPress.

Użytkownicy mogą zobaczyć kalendarz wydarzeń na Facebooku z datami i mogą kliknąć, aby wyświetlić lub dołączyć do wydarzenia. Możesz dostosować wygląd wydarzeń za pomocą CSS.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Facebook Events Widget. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, w jaki sposób zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić Wygląd »Widżety i dodaj widżet Wydarzenia na Facebooku do paska bocznego. Aby uzyskać więcej informacji, zobacz nasz przewodnik na temat dodawania i używania widżetów w WordPress.

Ustawienia widżetu wydarzeń na Facebooku

Widżet wymaga podania identyfikatora strony na Facebooku. Za pomocą tego narzędzia online możesz uzyskać identyfikator swojej strony na Facebooku. Po prostu wpisz swój adres URL strony na Facebooku, a otrzymasz identyfikator.

Następnie musisz wprowadzić identyfikator aplikacji i tajne klucze.

Możesz uzyskać te klucze, odwiedzając witrynę Facebook Developers i tworząc nową aplikację.

Tworzenie nowej aplikacji na Facebooku

Spowoduje to wyświetlenie wyskakującego okienka, w którym zostaniesz poproszony o podanie nazwy swojej aplikacji i wybranie kategorii.

Podaj nazwę swojej aplikacji i wybierz kategorię

Kliknij przycisk Utwórz identyfikator aplikacji, aby kontynuować.

Facebook utworzy teraz Twoją aplikację i nastąpi przekierowanie do pulpitu aplikacji. Kliknij link ustawień w menu po lewej stronie, aby wyświetlić klucze aplikacji.

Skopiuj swój identyfikator aplikacji i tajne klucze

Teraz zobaczysz swój identyfikator aplikacji i tajny klucz aplikacji, który zostanie ukryty, i będziesz musiał kliknąć przycisk pokaż, aby go skopiować.

Wklej identyfikator aplikacji i tajne klucze w ustawieniach widżetu i kliknij przycisk Zapisz.

Zauważysz, że ustawienia widżetu pokażą ci teraz nowy przycisk pod polem tokena dostępu.

Token dostępu do Facebooka

Aby jednak uzyskać token dostępu, musisz dodać adres URL swojej witryny do aplikacji na Facebooku.

Na stronie ustawień aplikacji Facebook przewiń trochę w dół, a następnie kliknij przycisk Dodaj platformę.

Dodaj platformę do swojej aplikacji na Facebooku

Spowoduje to wyświetlenie wyskakującego okienka z różnymi platformami, z których można korzystać z aplikacji. Musisz wybrać „Witryna”.

Wybierz stronę internetową jako platformę

Następnie należy dodać adres URL witryny w polu adresu URL witryny i kliknąć przycisk Zapisz zmiany.

Dodaj adres URL swojej witryny

Możesz teraz wrócić do ustawień widżetu i kliknąć przycisk Uzyskaj token dostępu. Spowoduje to przejście do strony na Facebooku, gdzie zostaniesz poproszony o zezwolenie aplikacji na dostęp do Twojego profilu.

Zezwolenie na aplikację

Następnie nastąpi przekierowanie z powrotem do strony ustawień widżetu. Nie zapomnij kliknąć przycisku Zapisz, aby zapisać ustawienia widżetu.

Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć widżet wydarzeń na Facebooku w akcji.

Wydarzenia na Facebooku w widżecie paska bocznego WordPress

Widżet wydarzeń na Facebooku zawiera podstawowy arkusz stylów, który może nie pasować do kolorów motywu. Będziesz musiał użyć narzędzia inspekcji, aby zobaczyć klasy CSS wygenerowane przez wtyczkę, a następnie użyć tych klas do zmiany wyglądu zdarzeń. Zobacz nasz przewodnik na temat dodawania niestandardowego CSS w WordPress.

Mamy nadzieję, że ten artykuł pomógł ci nauczyć się wyświetlać wydarzenia na Facebooku w WordPress. Możesz także zobaczyć naszą listę 10 najlepszych porad i samouczków na Facebooku dla użytkowników WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map