Як самому зробити віджет facebook like box для wordpress

Якщо у вашого сайту є сторінка на Facebook. то було б непогано розповісти про це вашим Новомосковсктелям, показавши блок Facebook Like в сайдбарі сайту.

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

Facebook сторінки

Facebook сторінки існують давно, але недавно вони перетворилися, почавши використовувати нову можливість - таймлайн (Timeline).

Facebook сторінка - це те ж саме, що особиста сторінка, але ви не можете додавати в друзі інших людей, тому що Facebook сторінки створені для бізнесів, для зв'язку з клієнтами.

Facebook сторінки дають більш динамічні взаємини з публічними особистостями та організаціями, які вам цікаві.

Facebook Like Box

Facebook Like Box, тобто блок лайків, значить що ваші користувачі зможуть:

  • побачити, скільком людям сподобалася сторінка і скільки їх друзів вже поставили лайк сторінці;
  • дізнатися про останні оновлення статусу;
  • поставити лайк вашої Facebook станиці, не залишаючи ваш сайт.

Щоб створити блок лайків Facebook для вашої Facebook сторінки, вам потрібно зареєструвати Facebook додаток, щоб воно змогло використовувати Facebook open graph API.

Тепер, коли ви розумієте, що таке блок лайків Facebook, ви можете зрозуміти, як включити це в WordPress віджет.

Віджет WordPress

Перед тим, як ми почнемо писати код для віджета, нам потрібно зрозуміти, що таке віджет WordPress. і як ми можемо використовувати WordPress Widget API для того, щоб легко створювати WordPress віджети.

WordPress віджет - це якийсь PHP код, який запускається всередині сайдбара WordPress.

WordPress сайдбар - це зареєстрована область у вашій темі, куди ви можете додавати віджети WordPress.

Віджети WordPress можна легко додати в сайдбар, перейшовши на сторінку віджетів в консолі в меню Зовнішній вигляд → Віджет. Зі сторінки віджетів ви можете перетягнути віджети в сайдбар. У віджета повинно бути щось на зразок форми адміністратора, щоб ви могли редагувати інформацію, яка відображається в віджеті.

WordPress WP_Widget

Щоб створити віджет WordPress, все, що вам потрібно зробити, це наслідувати стандартний клас і використовувати деякі його функції.

Є три головних функції, які повинні бути використані для того, щоб віджет працював. Це form (). widget () і update ().

Клас WP_Widget знаходиться в wp-includes / widgets.php.

WordPress Starter Widget

Нижче представлена ​​"болванка" WordPress віджета. Для створення нового віджету просто скопіюйте і вставте код нижче в початок вашого віджета.

Створення Facebook Like Box віджета

Ми створимо WordPress віджет, який дозволить вам легко додати і змінити блок лайків Facebook на вашому WordPress блозі.

Вигода від використання віджету - в гнучкості, яку він вам дає. Вибір, який у вас є у вашому блоці лайків Facebook, дозволяє вам повністю змінювати функціонал, просто додаючи різні атрибути в блок лайків.

Блок лайків Facebook приймає такі атрибути:

  • data-href - URL вашої сторінки Facebook.
  • data-width - ширина блоку.
  • data-show-faces - значення true або false. яке определеии, показувати чи людей, лайкнувшіх вашу сторінку.
  • data-stream - значення true або false. яке определеии, показувати чи останні оновлення статусу.
  • data-header - значення true або false. яке определеии, показувати чи панель "Знайдіть нас у Facebook".

Переконайтеся, що користувачі можуть змінювати ці опції в зоні адміністратора віджета, щоб вони могли змінювати вид блоку прямо в консолі WordPress.

Тепер, коли ми знаємо, чого очікувати від блоку лайків Facebook, ми можемо почати писати код.

Конструктор віджетів Facebook

Спочатку ми зареєструємо віджет, використовуючи action widget_init.

Функція register_widget викличе клас pu_Facebook_widget. У конструкторі ми можемо створити віджет, передавши аргументи в конструктор WP_Widget.

функція Widget

Функція widget викликається для виведення віджету в сайдбарі. Тут вам потрібно зібрати дані, введені користувачем у консолі, і показати віджет на сайті.

Використовуйте наступну функцію для відображення вашого блоку лайків Facebook.

функція Update

Функція update використовується для оновлення бази WordPress, коли заповнена адмін форма віджета.

Тут вам потрібно розмістити необхідну перевірку введених в форму даних. Вона приймає 2 параметра. масив значень, відправлених на збереження, і масив значень, які в даний момент зберігаються. Функція повертає нові значення, збережені в базі.

функція Form

Як самому зробити віджет facebook like box для wordpress

Функція form використовується для створення форми в консолі віджета. Вона повинна бути попередньо заповнена поточними значеннями з бази даних, щоб спростити внесення змін до поведінку віджета для користувачів.

Вам не потрібно додавати кнопку відправки форми, оскільки WordPress автоматично додасть її для вас.

Це все, що вам потрібно для створення WordPress плагіна, який створить віджет для відображення блоку лайків вашої Facebook сторінки. Все, що вам потрібно зробити тепер, це встановити плагін, активувати його, додати віджет в сайдбар і заповнити форму даними вашої сторінки.

Джерело: WP.tutsplus.com

Це для сторінки. А мені треба такий же для групи Фейсбуку

Наскільки зрозумів це рішення тільки для сторінок.

А для facebook груп як можна вивести like box в сайдбар або в шаблон сторінки?