ปุ่ม Facebook Like และการรวม WordPress

ชอบ

กับ ปุ่ม Facebook Like launching, I thought I’d spend some time tonight and integrate it into my WordPress blog. I also integrated it on a หนังสือที่ย่อจากหนังสืออื่น ๆ client’s blog, too, tonight.

First step is pretty simple – just add the iframe code to your template pages (index and single). Since your index page can have multiple posts, it’s important to modify the button within your page loop so that the permanent link is properly appended.

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

ฉันยังปรับความกว้างจากนั้นใช้ CSS เพื่อลอยปุ่มขึ้นถัดจากไฟล์ ปุ่มรีทวีตของ Twitter. The reason why these tools are so great is that they don’t require any login, navigation, etc. You simply click the button and you’ve posted the status onto Facebook (or Twitter respectively).

Additionally, you can also put meta data in your blog’s header for Facebook to extract. Here’s how I’ve edited mine:

"/>

Eventually, I’m hoping to see someone write a nice plugin to do this. I haven’t tested to see which way is better – the iframe approach or the Facebook JavaScript SDK method. If you’ve identified a nice plugin out there to take care of this, let me know!

13 คอมเมนต์

  1. 1

    ฉันมีคำถามสำหรับคุณ Bromance:

    2 คืนที่ผ่านมาฉันพยายามเล่นกับ facebook like box (เดิมคือ facebook fan widget) สำหรับ“ วิธีการเผยแพร่หนังสือเพลงบลูส์ หวังว่า” แฟนเพจจะไม่โหลด มันทำสิ่งที่กำลังทำบน Mashable ในตอนนี้ ... หรือว่ากำลังทำในช่วงบ่ายวันเสาร์ก่อนหน้านี้

    ขัดแย้งกับ Thesis หรือไม่? GRRRR

  2. 2
  3. 3
  4. 4
  5. 5

    ไม่ควรมีข้อขัดแย้งใด ๆ เลย - แต่อาจต้องใช้การปรับแต่งครั้งใหญ่ด้วย CSS เพื่อค้นหาปุ่มที่คุณต้องการ ฉันมีช่วงเวลาที่ยากลำบาก

  6. 6
  7. 7

    ขอบคุณสำหรับโพสต์ มีปลั๊กอิน WP ที่ช่วยให้คุณสามารถเพิ่มปุ่ม Like และเพิ่มข้อมูลเมตาโดยอัตโนมัติ

    http://wordpress.org/extend/plugins/open-graph-protocol-tools/

    ฉันติดตั้งไว้ในบล็อกสองสามบล็อกและใช้งานได้ดี

    แกรี่

  8. 8

    แจ็คขอบคุณสำหรับการแบ่งปันสิ่งนั้น ฉันไม่เคยเห็นอันนั้นดูดีมาก ฉันจะต้องติดตั้งและตรวจสอบ

  9. 9

    คุณมีความคิดที่จะปิดใช้งานคุณลักษณะเพิ่มความคิดเห็นจากปุ่ม like หรือไม่?

  10. 10

    แต่ดูเหมือนว่าโค้ดจะไม่สมบูรณ์เนื่องจาก II ได้คัดลอกโค้ดนี้ไปยังหน้า mu wp ฉันคิดว่าฉันต้องเพิ่มบางอย่างเพื่อให้มันทำงานบนเพจของฉันได้

  11. 11

คุณคิดอย่างไร?

ไซต์นี้ใช้ Akismet เพื่อลดสแปม เรียนรู้วิธีการประมวลผลข้อมูลความคิดเห็นของคุณ.