W artykule:
Facebook like box znany również jako facebook fan box stał się elementem obowiązkowym dla wielu stron internetowych. Facebook pozwala właścicielom witryn na łatwe dołączenie do społeczności na Facebooku i otrzymywanie aktualizacji bezpośrednio w kanale wiadomości na Facebooku. Niedawno jeden z naszych użytkowników zwrócił nam uwagę, że nie poruszaliśmy tematu jak dodać Facebook like box w WordPress. Facebooku Facebook Wyślij przycisk i komentarze na Facebooku omówiliśmy, jak dodać przycisk Lubię to, Facebook Wyślij przycisk i Facebook Komentarze. W tym artykule pokażemy, jak dodać Facebook fan box w WordPress.
Dodawanie Polubienia za pomocą oficjalnej wtyczki Facebook dla WordPress
Facebook like box to aplikacja, która pozwala na dodanie Facebooka do swojej witryny WordPress. Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Facebook. Po aktywacji wtyczki przejdź do Wygląd ” Widgety. Po prostu przeciągnij i upuść widżet Facebook like box na pasku bocznym. Musisz podać adres URL swojej strony fanowskiej na Facebooku w konfiguracjach widżetów.
Widżet ma te same opcje, co wtyczki społecznościowe Facebooka dla stron internetowych. Możesz wybrać, aby pokazać strumień, pokazać twarze, usunąć nagłówek, zmienić kolor obramowania. Obecnie dostępne są tylko dwa motywy jasne i ciemne.
Dodawanie like Box ręcznie bez użycia żadnej wtyczki
Możliwe jest ręczne dodawanie Facebook like box bez użycia żadnej wtyczki. Przejdź do strony Facebook Social Plugin ’ s Like Box. Podaj adres URL swojej strony na Facebooku i skonfiguruj wygląd polubionego pudełka.
Naciśnij przycisk Zdobądź Szyfr przycisk, aby uzyskać jak kod pudełka.
Facebook zapewnia wiele sposobów, aby dodać kod Polubienia na swojej stronie internetowej. Możesz wybierać spośród HTML5, XFBML i iframe. Pokażemy Ci, jak dodać każdy z nich, ale musisz wybrać jeden. Naszym zdaniem HTML5 jest dość dobrym rozwiązaniem dla większości stron internetowych opartych na WordPress. Facebook jest dobry dla osób korzystających z innych wtyczek Facebooka, które używają XFBML do wyświetlania przycisków Facebooka. Użyj iframe, jeśli dwie pierwsze opcje nie działają dla ciebie.
Dodawanie kodu HTML5 Facebook Like Box w WordPress
Kliknij kartę HTML5 w oknie kod i skopiuj pierwszą część kodu. Polecają wkleić go zaraz po < body> tag, który zwykle znajduje się w nagłówku.plik php. Jednak będzie działać w dowolnym miejscu w ciele. Aby ułatwić sobie sprawę, możesz po prostu dodać go do stopki za pomocą naszej wtyczki Wstaw nagłówki i stopki. Pierwsza część kodu wyglądałaby tak:
<div id="FB-root"></div>
<script>(function (d, s, id) {
var js, fjs = d. getElementsByTagName (s)[0];
if(d. getElementById (id)) return;
js = d. createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=403924843027405";
fjs.parentNode.insertBefore (js, fjs) ;
} (document, 'script', 'facebook-jssdk'));< / script>
Ten javascript łączy twoją stronę z biblioteką javascript Facebooka. Teraz skopiuj drugą część kodu, która wyglądałaby mniej więcej tak:
< div class = "fb-like-box"data-href= "http://www.facebook.com/wpbeginner" data-width = " 292 " data-show-faces=" true"data-stream=" true"data-header="true" >< / div>
Ta część kodu informuje javascript, który załadowałeś wcześniej, aby wyświetlić pole podobne w tej lokalizacji i z tymi parametrami. Ze względu na ten przykład wkleimy ten kod w widżety paska bocznego. Przejdź do Wygląd ” Widgety. Przeciągnij i upuść widżet tekstowy na pasek boczny i wklej kod wewnątrz niego. Zapisz widżet i sprawdź swoją stronę.
To będzie działać w każdym innym obszarze witryny, jak również. Jeśli znasz kod, możesz wkleić go w stopkę, po poście itp.
Nie zapomnij zmienić adresu URL strony fanowskiej Facebooka na własny adres URL strony.
Dodawanie kodu Xfbml Facebook Like Box w WordPress
Kliknij na xfbml kartę, aby uzyskać kod Xfbml Facebook Like box. Aby dodać Xfbml Facebook Like Box, musisz dodać trzy małe kawałki kodu w WordPress.
Skopiuj pierwszy kawałek kodu i wklej go do motywu nagłówek.php plik zaraz po < body> tag. Podobnie jak poprzedni, kod ten będzie działał w dowolnym miejscu w ciele. Aby ułatwić sobie sprawę, możesz po prostu dodać go do stopki za pomocą naszej wtyczki Wstaw nagłówki i stopki. Ten kod chciałby coś takiego:
<div id="FB-root"></div>
<script>(function (d, s, id) {
var js, fjs = d. getElementsByTagName (s)[0];
if(d. getElementById (id)) return;
js = d. createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=403924843027405";
fjs.parentNode.insertBefore (js, fjs) ;
} (document, 'script', 'facebook-jssdk'));< / script>
Ta mała funkcja javascript łączy twoją stronę z biblioteką javascript Facebooka.
Druga linijka kodu to deklaracja przestrzeni nazw XML i musisz ją dodać w < html>tag Twojej strony. Najprostszym sposobem byłoby otwarcie motywu funkcje.php plik, wklej poniższy kod:
// Dodanie otwartego wykresu w atrybutach języka
function add_opengraph_doctype ($output ) {
return $output . "xmlns: og="http://ogp.me/ns #" xmlns: fb="http://ogp.me/ns/fb#"';
}
add_filter ('language_attributes', 'add_opengraph_doctype');
Na koniec skopiuj trzecią linię kodu, która wyglądałaby tak:
<fb: like-box href="http://www.facebook.com/wpbeginner" width = " 292 " show_faces=" true"stream=" true"header="true" ></fb: like-box>
Ten kod informuje javascript, który załadowałeś w pierwszym kroku, aby wyświetlić podobne pole w tej lokalizacji i z tymi parametrami. Przejdź do Wygląd ” Widgety. Przeciągnij i upuść widżet tekstowy na pasek boczny, a wewnątrz tego widżetu tekstowego wklej trzecią linię kodu. Zapisz zmiany i wyświetl podgląd swojej witryny.
Dodawanie Facebook Likebox iframe w WordPress
Kliknij kartę IFRAME, aby skopiować kod iframe. Przejdź do Wygląd ” Widgety przeciągnij i upuść widżet tekstowy na pasek boczny. Wklej kod ramki iframe wewnątrz widżetu tekstowego i zapisz zmiany. Otwórz swoją stronę, aby wyświetlić podgląd pola fan na Facebooku.
Mamy nadzieję, że ten artykuł pomógł Ci dodać Facebook Like box / fan box w Twojej witrynie WordPress. W przypadku pytań i opinii zostaw komentarz. Możesz również śledzić nas na Facebooku.
