Przycisk Lubię to na Facebooku i integracja z WordPress

lubić

Z Przycisk Lubię to na Facebooku uruchamiając, pomyślałem, że spędzę dziś trochę czasu i zintegruję go z moim blogiem WordPress. Zintegrowałem go również na Kompendium blog klienta również dziś wieczorem.

Pierwszy krok jest dość prosty – wystarczy dodać kod iframe do stron szablonu (indeksowych i pojedynczych). Ponieważ strona indeksu może zawierać wiele postów, ważne jest zmodyfikowanie przycisku w pętli strony tak, aby stały link był prawidłowo dodany.

<iframe src="http://www.facebook.com/plugins/like.php?href=
&layout=button_count&action=like" scrolling="nie" frameborder="0" allowTransparency="true" style="border:brak; przepełnienie:ukryty; 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ą logowania, nawigacji itp. Wystarczy kliknąć przycisk i opublikować status odpowiednio 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ę, aby to zrobić. Nie testowałem, aby zobaczyć, który sposób jest lepszy – podejście iframe lub 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.