Tombol Suka Facebook dan Integrasi WordPress

seperti

Dengan Tombol Suka Facebook meluncurkan, saya pikir saya akan meluangkan waktu malam ini dan mengintegrasikannya ke blog WordPress saya. Saya juga mengintegrasikannya pada a Ringkasan blog klien juga, malam ini.

Langkah pertama cukup sederhana - cukup tambahkan kode iframe ke halaman template Anda (indeks dan single). Karena halaman indeks Anda dapat memiliki banyak posting, penting untuk mengubah tombol dalam loop halaman Anda sehingga link permanen ditambahkan dengan benar.

<iframe src="http://www.facebook.com/plugins/like.php?href=
& layout = button_count & action = like "scrolling =" no "frameborder =" 0 "allowTransparency =" true "style =" border: none; overflow: tersembunyi; lebar: 250px; height: px ">

Saya juga menyesuaikan lebarnya dan kemudian melakukan beberapa CSS untuk mengapung tombol di sebelah Tombol Retweet Twitter. Alasan mengapa alat ini begitu hebat adalah karena mereka tidak memerlukan login, navigasi, dll. Anda cukup mengklik tombol dan Anda telah memposting status ke Facebook (atau Twitter masing-masing).

Selain itu, Anda juga dapat meletakkan meta data di header blog Anda untuk diekstrak oleh Facebook. Inilah cara saya mengedit milik saya:

"/>

Akhirnya, saya berharap melihat seseorang menulis plugin yang bagus untuk melakukan ini. Saya belum menguji untuk melihat cara mana yang lebih baik - pendekatan iframe atau SDK JavaScript Facebook metode. Jika Anda telah mengidentifikasi plugin yang bagus di luar sana untuk menangani ini, beri tahu saya!

13 Komentar

  1. 1

    Saya punya pertanyaan untuk Anda, Bromance:

    2 malam yang lalu saya mencoba bermain dengan facebook like box saya (sebelumnya widget penggemar facebook) untuk “cara menerbitkan buku blues. mudah-mudahan "fan page" dan sekarang tidak bisa dimuat. Itu melakukan apa yang dilakukannya di Mashable sekarang… atau SUDAH lakukan Sabtu sore sebelumnya.

    Apakah bertentangan dengan Tesis? GRRRR

  2. 2
  3. 3
  4. 4

    Terima kasih Jack! Tidak yakin apa yang saya lakukan, tetapi saya sebenarnya tidak melihat tombol tersebut muncul saat saya menggunakan plugin.

  5. 5

    Seharusnya tidak ada konflik sama sekali - tetapi mungkin perlu beberapa penyesuaian besar dengan CSS untuk menemukan tombol di tempat yang Anda butuhkan. Aku mengalami masa-masa sulit.

  6. 6
  7. 7
  8. 8

    Jack, terima kasih telah membagikan yang itu. Saya belum pernah melihat yang itu, tampak hebat. Saya harus menginstalnya dan memeriksanya.

  9. 9
  10. 10

    Tetapi kodenya tampaknya tidak lengkap karena saya saya telah menyalin kode ini ke halaman mu wp. Saya rasa saya perlu menambahkan beberapa hal untuk membuatnya berfungsi di halaman saya.

  11. 11

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.