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 dodać przycisk śledzenia na Facebooku dla autorów w WordPress

Czy chcesz dodać przycisk śledzenia na Facebooku dla autorów twojej witryny internetowej w WordPress?

Dodanie przycisku śledzenia na Facebooku pozwoli autorom zwiększyć widoczność ich profilu lub strony na Facebooku i dotrzeć do szerszego grona odbiorców. Użytkownicy będą musieli po prostu kliknąć przycisk, aby zacząć śledzić autora na Facebooku.

W tym artykule pokażemy, jak dodać przycisk śledzenia na Facebooku dla autorów w WordPress.

Add the Facebook follow button for authors in WordPress

Dlaczego warto dodać przycisk śledzenia na Facebooku dla autorów w WordPress?

Facebook jest jedną z najpopularniejszych platform mediów społecznościowych, z ponad 2 miliardami włączanych miesięcznie użytkowników.

Utworzenie przycisku śledzenia na Facebooku pozwala czytelnikom połączyć się z twoimi autorami na Facebooku, aby otrzymywać aktualizacje dotyczące nowych artykułów, przekazywać uwagi lub dowiedzieć się więcej o nich.

Jeśli jesteś jedynym autorem na swoim blogu WordPress, możesz zezwolić użytkownikom na śledzenie Twojego osobistego profilu lub strony na Facebooku.

Alternatywnie, jeśli prowadzisz blog WordPress z wieloma autorami, możesz włączyć użytkownikom możliwość śledzenia swoich ulubionych autorów na Facebooku.

Pomaga to budować zaangażowanie użytkowników, jednocześnie oferując autorom sposób na zdobycie nowych obserwujących na Facebooku.

Biorąc to pod uwagę, zobaczmy, jak łatwo dodać przycisk śledzenia na Facebooku w WordPress.

Metoda 1: Dodaj przycisk obserwowania na Facebooku za pomocą WordPressa

Korzystając z wbudowanego bloku ikonek społecznościowych w edytorze bloków, można łatwo dodać przycisk śledzenia Facebooka do dowolnego wpisu, strony lub obszaru widżetu.

Blok dodaje ikonki mediów społecznościowych do twojej witryny internetowej wraz z odnośnikami do twoich profili w mediach społecznościowych.

Dodanie przycisku obserwowania na Facebooku do wpisu

Najpierw należy edytować istniejący wpis w edytorze bloków.

Jeśli chcesz dodać przycisk śledzenia na Facebooku do nowego wpisu, musisz przejść na ekran Wpisy ” Dodaj nowy z panelu bocznego administratora.

Następnie kliknij przycisk Dodaj blok '(+)’ u góry i znajdź blok Ikonki społecznościowe.

Następnie dodaj blok do edytora treści, klikając go.

Add the Social Icons block to a post

Następnie należy kliknąć przycisk „(+)” wewnątrz bloku ikonek społecznościowych, aby otworzyć menu bloku.

Z tego miejsca wystarczy wybrać blok ikonki Facebooka.

Add the Facebook icon in the block editor

Po dodaniu ikonki Facebooka do strony, należy skopiować i wkleić adres URL twojej strony lub profilu na Facebooku w polu „Wpisz adres”.

Add Facebook page link in the Enter Address field

Następnie możesz dodać tekst wraz z odnośnikiem do profilu na Facebooku. Możesz napisać coś w stylu „Śledź nazwę autora na Facebooku!”.

Uwaga: Należy pamiętać, że blok Ikony społecznościowe nie pozwala na dodanie tekstu obok ikonki Facebooka. Można jednak użyć bloku Grupa lub Kolumna, aby dodać nagłówek lub akapit obok odnośnika do profilu na Facebooku.

Po zakończeniu nie zapomnij kliknąć przycisku „Aktualizuj” lub „Opublikuj”, aby zapisać twoje zmiany.

Tak wyglądał przycisk śledzenia na Facebooku na naszej witrynie internetowej.

Facebook follow button in a post

Dodaj przycisk śledzenia na Facebooku jako widżet

Jeśli chcesz, aby Twój przycisk obserwowania na Facebooku pojawiał się w całej witrynie internetowej, a nie na poszczególnych wpisach lub stronach, możesz dodać go jako widżet.

Aby dodać przycisk śledzenia na Facebooku jako widżet, należy przejść na stronę Wygląd ” Widżety z panelu bocznego administratora.

Kliknij przycisk Dodaj blok '(+)’ u góry strony, aby znaleźć blok Ikonki społecznościowe. Następnie kliknij go, aby dodać go do wybranego przez ciebie obszaru widżetów, takiego jak panel boczny.

Add the Social Icons block to the Widgets section

Następnie kliknij przycisk „(+)” wewnątrz bloków ikonek społecznościowych.

Spowoduje to otwarcie menu blokowego, w którym należy wybrać ikonkę Facebooka.

Add Facebook button to sidebar

Po dodaniu ikonki Facebooka wystarczy skopiować i wkleić adres URL twojego profilu lub strony na Facebooku w polu „Wpisz adres”.

Uwaga: Jeśli chcesz dodać tekst obok ikonki Facebooka, musisz użyć bloku Grupa lub Kolumna, aby nadać styl wielu blokom razem.

Na koniec kliknij przycisk „Aktualizuj”, aby zapisać twoje ustawienia.

Add Facebook URL into the Enter Address option

Tak wyglądał nasz przycisk śledzenia na Facebooku jako widżet w panelu bocznym witryny internetowej.

Widget Preview for the Facebook follow button

Dodaj przycisk śledzenia na Facebooku w pełnym edytorze witryny

Ta metoda jest dla ciebie, jeśli używasz motywu blokowego i masz dostęp do pełnego edytora witryny.

Najpierw należy przejść na stronę Wygląd ” Edytor z panelu bocznego administratora.

Po uruchomieniu pełnego edytora witryny wystarczy kliknąć przycisk Dodaj blok „(+)” w lewym górnym rogu ekranu.

Z tego miejsca musisz znaleźć i kliknąć blok ikonek społecznościowych, aby dodać go do dowolnego miejsca na twojej witrynie internetowej WordPress.

Add the Social Icons block in the Full site editor

Następnie należy kliknąć przycisk (+) wewnątrz bloku „Ikonki społecznościowe”.

Następnie wybierz z menu blok Facebooka.

Add Facebook button in FSE

Następnie należy wkleić adres twojego profilu lub strony na Facebooku w polu „Wpisz adres”.

Uwaga: Jeśli chcesz dodać tekst obok ikonki Facebooka, musisz użyć bloku Grupy lub Kolumny.

Po zakończeniu kliknij przycisk „Zapisz”, aby zapisać twoje ustawienia.

Add Facebook page URL in the FSE

Nasza demonstracyjna witryna internetowa wyglądała następująco.

Full site editor preview of the Facebook follow button

Metoda 2: Dodanie przycisku śledzenia na Facebooku za pomocą Smash Balloon (zalecane)

Ta metoda jest zalecana, jeśli szukasz więcej opcji konfiguratora i chcesz, aby twój przycisk śledzenia na Facebooku był bardziej powiadomiony.

W przypadku tej metody użyjemy wtyczki Smash Balloon Facebook Feed Pro, aby dodać przycisk śledzenia na Facebooku w WordPress.

Jest to najlepsza na rynku wtyczka WordPress do Facebooka, która pozwoli ci łatwo dodać atrakcyjny przycisk śledzenia na Facebooku do twojego bloga WordPress.

Najpierw należy zainstalować i włączyć wtyczkę Facebook Feed Pro. Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Uwaga: Istnieje również darmowa wersja wtyczki o nazwie Facebook Feed Lite. Umożliwia ona dodanie przycisku śledzenia na Facebooku, ale zalecamy aktualizację, aby odblokować pełny potencjał wtyczki.

Po włączeniu wtyczki wystarczy przejść na stronę Facebook Feed ” All Feeds z panelu bocznego administratora.

W tym miejscu należy kliknąć przycisk „Utwórz nowy” u góry.

Click the Add New button on the All Feeds page

Spowoduje to otwarcie strony „Wybierz rodzaj kanału”.

Teraz wybierz opcję „Oś czasu”, a następnie kliknij przycisk „Dalej”, aby kontynuować.

Select Timeline as feed type

Zostaniesz przekierowany na stronę „Wybierz źródło”.

Źródło to strona lub profil na Facebooku, z którego wtyczka będzie pobierać treści.

W tym miejscu należy wybrać opcję „Utwórz nowy”.

Click Add new button to add a new source

Zostaniesz przeniesiony na stronę Smash Balloon „Połącz z Facebookiem”.

W tym miejscu należy najpierw wybrać „Stronę” jako „Rodzaj źródła”.

Następnie kliknij przycisk „Połącz z Facebookiem”, aby kontynuować.

Click Connect to Facebook button

Nastąpi przekierowanie do witryny internetowej Facebooka.

W tym miejscu należy podać dane uwierzytelniające i kliknąć przycisk „Loguj się”.

Log in to your Facebook account

Następnie otworzy się wyskakujące okienko z listą utworzonych stron na Facebooku.

Wystarczy wybrać twoją preferowaną stronę na Facebooku i kliknąć przycisk „Dalej”, aby kontynuować.

Choose a Facebook page and click on the Next button

Następnie w wyskakującym okienku pojawi się lista ustawień dostępu. Tutaj musisz przełączyć przełącznik na „Tak” lub „Nie” w zależności od twoich potrzeb.

Na przykład, jeśli chcesz włączyć użytkownikom możliwość czytania treści na stronie, musisz przełączyć przełącznik na „Tak”.

Po zakończeniu kliknij przycisk „Gotowe”.

Configure the access settings and click on the Done button

Wyskakujące okienko wyświetli teraz komunikat o pomyślnym odnośniku Smash Balloon WordPress do Facebooka.

Kliknij przycisk „OK”, aby zostać przekierowanym do twojego kokpitu WordPress.

Click the OK button after connecting Smash Balloon with Facebook

Następnie wyświetli się okno „Wybierz stronę na Facebooku”.

Wystarczy wybrać stronę na Facebooku, z którą właśnie się połączyłeś i kliknąć przycisk „Dodaj”.

Select the Facebook page from the popup and click on the Add button

Zostaniesz przeniesiony z powrotem na stronę „Wszystkie kanały”, gdzie musisz kliknąć przycisk „Utwórz nowy”.

Następnie ponownie wybierz „Oś czasu” jako rodzaj kanału. Spowoduje to powrót do strony „Wybierz źródło”.

W tym miejscu wyświetlona zostanie podłączona strona na Facebooku. Po prostu kliknij, aby ją wybrać, a następnie kliknij przycisk „Dalej”, aby kontynuować.

Choose the Facebook page as the new source

Zobaczysz teraz edytor kanałów z podglądem na żywo twojego kanału w prawej kolumnie i opcjami konfiguratora w lewej kolumnie.

Kliknij kartę „Feed Layout”, aby ją rozwinąć, a następnie ustaw liczbę wpisów na 0 zarówno dla urządzeń mobilnych, jak i stacjonarnych. Wynika to z faktu, że chcemy wyświetlać tylko przycisk śledzenia na Facebooku zamiast feedu pokazującego wpisy ze strony na Facebooku.

Set no of posts for mobile and desktop to zero

Następnie należy przejść na panel „Nagłówek” i przełączyć przełącznik u góry na „Wyłącz”. Spowoduje to wyłączenie nagłówka Feed i utworzenie kompaktowego układu.

Następnie wystarczy przejść na panel „Przycisk wczytywania” i przełączyć jego przełącznik na „Wyłącz”. Ponieważ nie wyświetlamy żadnych wpisów, nie ma potrzeby wyświetlania przycisku wczytywania.

Disable the header

Następnie należy przejść na panel „Like Box” w lewej kolumnie. Przełącz przełącznik na „Włącz”. Spowoduje to włączanie przycisku „Obserwuj”.

Następnie możesz dostosować własny przycisk Facebooka w ustawieniach poniżej. Możesz zmienić jego rozmiar, położenie i szerokość.

Możesz także pokazać lub ukryć zdjęcie na okładkę, przełączając przełącznik „Zdjęcie na okładkę”.

Toggle the switch to enable the Like Box

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz” u góry.

Dodanie przycisku obserwowania na Facebooku do wpisu

Aby dodać przycisk śledzenia Facebooka do wpisu, należy otworzyć istniejący lub utworzyć nowy wpis w edytorze bloków.

Następnie kliknij przycisk Dodaj blok „(+)” w lewym górnym rogu i poszukaj bloku Własny Facebook Feed.

Kliknij na blok, aby dodać go do swojej strony, co spowoduje automatyczne wstawienie przycisku śledzenia Facebooka do twojego wpisu.

Add the Custom Facebook feed block

Na koniec zapisz swoje ustawienia, klikając przycisk „Aktualizuj” lub „Opublikuj”.

Użytkownik może teraz przejść na twoją witrynę internetową, aby zobaczyć przycisk śledzenia Facebooka w działaniu.

Facebook follow button in post

Dodaj przycisk śledzenia na Facebooku jako widżet

Aby dodać przycisk śledzenia na Facebooku jako widżet, należy przejść na stronę Wygląd ” Widżety z panelu bocznego administratora.

Następnie kliknij przycisk Dodaj blok '(+)’ i znajdź blok Dostosuj Facebook Feed.

Po jego zlokalizowaniu dodaj blok do panelu bocznego WordPress, klikając go.

Add the Custom Facebook Feed block to the sidebar

Następnie kliknij przycisk „Aktualizuj”, aby zapisać twoje ustawienia.

Przycisk śledzenia na Facebooku wyglądał tak na panelu bocznym naszej demonstracyjnej witryny internetowej.

Facebook follow button preview in sidebar

Dodaj przycisk śledzenia na Facebooku w pełnym edytorze witryny

Jeśli korzystasz z motywu blokowego, możesz użyć pełnego edytora witryny, aby wyświetlić pole śledzenia na Facebooku.

Najpierw przejdź do strony Wygląd ” Edytor z panelu bocznego administratora. W tym miejscu możesz wybrać szablon, który chcesz edytować.

Następnie kliknij przycisk Dodaj blok '(+)’ i znajdź blok Custom Facebook Feed.

Przycisk śledzenia na Facebooku zostanie automatycznie wyświetlony po dodaniu bloku w miejscu, w którym chcesz go umieścić na swojej witrynie internetowej.

Add the Custom Facebook feed block in the full site editor

Nie zapomnij kliknąć przycisku „Zapisz” u góry, aby zapisać twoje ustawienia.

Tak wyglądał przycisk śledzenia na Facebooku na naszej demonstracyjnej witrynie internetowej.

Facebook follow button preview in FSE

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać przycisk obserwowania autorów na Facebooku na twojej witrynie WordPress. Możesz również zapoznać się z naszym poradnikiem na temat korzystania z mediów społecznościowych w celu zwiększenia liczby subskrybentów e-maili w WordPressie lub z naszymi najlepszymi wtyczkami do mediów społecznościowych, które pomogą rozwinąć twoją witrynę.

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

15 komentarzyZostaw odpowiedź

  1. Kerry

    OK… So none of the pages noted here exist anymore………………………

    • WPBeginner Support

      Thank you for your feedback, we will certainly look into updating this article when we are able.

      Administrator

  2. tony

    seems like a pretty easy set up process

  3. Arnold Paseiro

    I know this is an old post and I was able to do it for Twitter but Facebook now doesn’t have an iframe choice or any choice for that matter, so I am stuck. It’s 2015. I still need help.

  4. Ruby Dawnbrooke

    Hello! I have a question, it no longer works but how do I do it?

  5. Chris

    Is there an easy way to get this follow button onto an individual author’s archive page?
    I imagine you can use the same code from the Facebook, but I’m not certain how to inject each author’s Facebook profile URL unto the follow button code.
    Thanks for any advice.

  6. Hal

    Appreciate the effort, but this doesn’t work as of October 1, 2013 – the date I tried it.

    • Editorial Staff

      Which part is not working? It seems to be working fine. The demo is live on the FB site itself.

      Administrator

      • Sangeeta

        Its not working on my wordpress as well. The Iframe code does not save in the Text widget.
        Any guidance would be welcome, thanks.

        Sangeeta
        Oct 26 2013

        • WPBeginner Support

          Sangeeta if your site is hosted on WordPress.com then iframe code will not work for you. Please see the difference between WordPress.com vs Self Hosted WordPress.org . If your site is not hosted on WordPress.com then you will get an error most probably because you did not select the width for your follow button. Enter a value in the width and the iframe code should work fine.

  7. Rowan

    Thanks for this post. I’m having trouble getting a follow button for my FB page to show up in my wordpress posts. I want to have a simple follow button in my posts rather than a sidebar widget. Your post mentions that I can just paste the code into my theme template but I’m not sure where to do that.

    Is there a way of doing this so that I don’t need to manually paste the code into every blog post? I’ve tried using a few plugins but they all seem to only create a sidebar widget or a „like” button in-post which only likes the post, not my FB page.

    Any ideas?

  8. Albert Albs

    Thanks for the tips. But it is extra load on our website. No wasting of time.

  9. Travis Pflanz

    Is there a direct URL to follow a user? I would be more beneficial to simply swap out a URL, than re-code a section of my website to add a follow button.

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ę.