Jak dodać Facebooka na stronie bez instalowania wtyczek?

  • Poziom trudności:

Pomogłem rozwiązać Twój problem? Wspieraj moje działania bym pisał więcej:

„Pokażcie mi stronę, na której nie ma Facebooka, a powiem Wam w której połowie lat ’90 była ostatnio aktualizowana.” To prawda, są strony, które czekają na 20-lecie FB w Polsce i wtedy dopiero przekonają się do tego medium. Mam nadzieję że nie piszę w tym momencie o Twojej.

Umieścić FB na swojej stronie przy pomocy wtyczki to żadna sztuka. Po wpisaniu w repozytorium wtyczek hasła „Facebook” znajdziemy ok. 2250 pozycji więc jest w czym wybierać. Oto czemu nie warto szukać wtyczek po omacku:

  • wtyczki spowalniają Twojego WordPressa
  • niektóre z wtyczek wyświetlają Facebooka na Twojej stronie tylko w języku angielskim i nie pozwalają na zmianę w plikach konfiguracyjnych
  • do wtyczek czasem dołączane są linki reklamowe
  • szkoda czasu na szukanie tej właściwej

Jest pewien sprawdzony sposób pozwalający na sprawne umieszczenie ramki Facebooka na Twojej stronie bez instalowania wtyczki. Oto on.

Krok 1

Wejdź na stronę https://developers.facebook.com/docs/plugins/page-plugin

Wprowadź:

  • Facebook Page URL (adres Twojego fanpage’a)
  • Width (szerokość, powinna mieć min. 180px i max. 500px)
  • Height (wysokość, powinna mieć min. 70px)

Włącz lub wyłącz:

  • zdjęcia znajomych, którzy polubili fanpage (pkt 1)
  • mały nagłówek (pkt 2)
  • zdjęcie w tle (pkt 3)
  • wpisy na fanpage’u (pkt 4)

Krok 2

Po konfiguracji ramki przewiń stronę i kliknij na „Get code”.

Krok 3

Pierwszy fragment kodu który otrzymasz (JavaScript SDK) umieść od razu po otwarciu znacznika <body> na Twojej stronie. Aby to zrobić wejdź do Wygląd -> Edytor i przejdź do pliku header.php. Tam znajdź znacznik <body>. Znacznik może mieć konstrukcję:

<body <?php body_class(); ?>>

i pod tą linią wklej pierwszą część kodu Facebooka.

Krok 4

Drugi fragment kodu umieść w miejscu, w którym ma być widoczny na Twojej stronie. Możesz go wkleić np. w Widgecie tekstowym. Jeśli zależy Ci na tym, aby facebook pojawił się pod każdym Twoim wpisem wtedy wejdź do Wygląd -> Edytor, otwórz plik pojedynczego wpisu single.php i wklej ten drugi fragment pod elementem, który będzie się nazywał:

<?php the_content('Read more...'); ?>

lub

<?php get_template_part( 'template-parts/content', 'single' ); ?>

Daj znać w komentarzu czy się udało. Jeśli pojawiły się jakieś problemy to napisz, może uda się je razem rozwiązać.

UDOSTĘPNIJ

Pomogłem rozwiązać Twój problem? Wspieraj moje działania bym pisał więcej: