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. 2
- 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ć.
Pomogłem rozwiązać Twój problem? Wspieraj moje działania bym pisał więcej:
Komentarze — Napisz pierwszy komentarz
Czy powyższe wskazówki były skuteczne? Jeśli tak, podziel się swoimi spostrzeżeniami w komentarzu. Gdybyś chciał się podzielić ze mną skrawkiem kodu aby uzupełnić minikurs to skorzystaj z portalu pastebin.com i wyślij linka do kodu. Instrukcje jak to zrobić znajdziesz tutaj.