Facebook Like Button та інтеграція WordPress

як

З Кнопка Facebook Like запуску, я думав витратити трохи часу сьогодні ввечері та інтегрувати його у свій блог WordPress. Я також інтегрував його на компендіум блог клієнта теж сьогодні ввечері.

Перший крок досить простий - просто додайте код iframe на сторінки ваших шаблонів (індекс та одинарний). Оскільки ваша сторінка індексу може мати кілька публікацій, важливо змінити кнопку в циклі вашої сторінки, щоб постійне посилання було належним чином додано.

<iframe src="http://www.facebook.com/plugins/like.php?href=
& layout = button_count & action = like "scrolling =" no "frameborder =" 0 "allowTransparency =" true "style =" border: none; переповнення: приховане; ширина: 250 пікселів; висота: px ">

Я також відрегулював ширину, а потім зробив кілька CSS, щоб плавати кнопку поруч із Кнопка ретвіту Twitter. Причина, по якій ці інструменти такі чудові, полягає в тому, що вони не вимагають жодного входу, навігації тощо. Ви просто натискаєте кнопку, і ви опублікували статус на Facebook (або Twitter відповідно).

Крім того, ви також можете помістити метадані в заголовок вашого блогу для вилучення Facebook. Ось як я відредагував свій:

"/>

Зрештою, я сподіваюся побачити, як хтось написав хороший плагін для цього. Я не тестував, щоб зрозуміти, який із способів кращий - підхід iframe чи Facebook JavaScript SDK метод. Якщо ви знайшли хороший плагін для того, щоб подбати про це, дайте мені знати!

13 Коментарі

  1. 1

    У мене є запитання до тебе, Броманс:

    Дві ночі тому я намагався пограти зі своїм facebook like box (раніше віджетом фанатів facebook) для мого "як опублікувати книгу блюзу. сподіваємось »сторінка фанів, і тепер вона не завантажиться. Він робить те, що робить на Mashable прямо зараз… або робив це раніше суботнього дня.

    Це суперечить тезі? GRRRR

  2. 2
  3. 3
  4. 4

    Спасибі Джеку! Не знаю, що я зробив, але насправді я не бачив, щоб кнопка з’являлася, коли я використовувала плагін.

  5. 5

    Конфлікту взагалі не повинно бути - але може знадобитися серйозна настройка CSS, щоб знайти кнопку там, де вона вам потрібна. Мені було нелегко.

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

Що ви думаєте?

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.