Przycisk Lubię to na Facebooku i integracja z WordPress

lubić

Z Przycisk Lubię to na Facebooku na początku, pomyślałem, że spędzę dziś wieczór trochę czasu i zintegruje go z moim blogiem WordPress. Zintegrowałem go również na Kompendium dzisiejszego wieczoru również blog klienta.

Pierwszy krok jest dość prosty - po prostu dodaj kod iframe do swoich stron szablonu (indeksowych i pojedynczych). Ponieważ strona indeksu może zawierać wiele postów, ważne jest, aby zmodyfikować przycisk w pętli strony, aby trwały link był prawidłowo dodawany.

<iframe src="http://www.facebook.com/plugins/like.php?href=
& layout = button_count & action = like "scrolling =" nie "frameborder =" 0 "allowTransparency =" true "style =" border: none; przepełnienie: ukryte; szerokość: 250px; wysokość: px ">

Dostosowałem również szerokość, a następnie wykonałem CSS, aby przesunąć przycisk w górę obok Przycisk Prześlij dalej na Twitterze. Powodem, dla którego te narzędzia są tak świetne, jest to, że nie wymagają żadnego logowania, nawigacji itp. Wystarczy kliknąć przycisk i opublikować status na Facebooku (lub Twitterze).

Dodatkowo możesz również umieścić metadane w nagłówku swojego bloga, aby Facebook mógł je wyodrębnić. Oto jak edytowałem mój:

"/>

W końcu mam nadzieję, że ktoś napisze fajną wtyczkę, która to zrobi. Nie testowałem, aby zobaczyć, który sposób jest lepszy - podejście iframe czy Facebook JavaScript SDK metoda. Jeśli znalazłeś fajną wtyczkę, która się tym zajmie, daj mi znać!

Komentarze 13

  1. 1

    Mam do ciebie pytanie, Bromance:

    Dwa dni temu próbowałem bawić się moim facebookowym pudełkiem (dawniej widżetem dla fanów na Facebooku), aby dowiedzieć się, jak opublikować książkę o bluesie. miejmy nadzieję ”, fanpage i teraz się nie ładuje. Robi to, co teraz robi na Mashable… lub BYŁA robiła wcześniej w sobotę po południu.

    Czy jest to sprzeczne z tezą? GRRRR

  2. 2
  3. 3
  4. 4

    Dzięki, Jack! Nie jestem pewien, co zrobiłem, ale tak naprawdę nie widziałem przycisku pokazującego się, gdy korzystałem z wtyczki.

  5. 5

    W ogóle nie powinno być żadnego konfliktu - ale zlokalizowanie przycisku tam, gdzie jest potrzebny, może wymagać pewnych poważnych poprawek w CSS. Ciężko mi było.

  6. 6
  7. 7
  8. 8
  9. 9
  10. 10

    Ale kod wydaje się być niekompletny, ponieważ II skopiowałem ten kod na stronę mu wp. Myślę, że muszę dodać kilka rzeczy, aby działało na mojej stronie.

  11. 11

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.