Twitter - один з сервісів у Всесвітній Павутині, здатний істотно розширити функціональність вашого сайту. Все почалося з офіційною кнопки Твіттера. потім з'явилася платформа Twitter Anywhere. і порівняно недавно - нова кнопка для фоловерів.
Вам напевно цікаво, ніж кнопка для фоловерів відрізняється від звичайної кнопки для ретвітів. У цій статті спробуємо розібратися, в чому полягає ця різниця, дізнатися, що таке кнопка Твіттера під назвою "Follow", і як її додати в ваш сайт на основі WordPress.
Що за кнопка Twitter Follow?
Кнопка "Twitter Follow" не тільки показує кількість фоловерів, але і дуже просто і легко додається на сайт (див. Приклад далі):
Як додати офіційну кнопку Twitter Follow на ваш WordPress-сайт
Ви можете перейти на сторінку кнопки "Follow" і там згенерувати код для вставки на ваш сайт. Або ж просто скопіюйте код, який бачите нижче:
При цьому не забудьте замінити "username" на ваше ім'я користувача. Якщо ви використовуєте на своєму сайті офіційну кнопку Tweet. немає сенсу двічі вставляти скрипт. У вашому випадку треба додати всього 1 рядок коду, і додається на сайт код буде ось таким:
Знову ж - не забудьте відредагувати ім'я користувача. Цей код ви можете додати будь-де в рамках вашої теми оформлення WordPress-сайту. Більшість користувачів для цієї мети вставляють код в файл sidebar.php. Втім, якщо ви не хочете чіпати файл теми, можете використовувати віджети WordPress для цієї мети.
Практично у всіх темах є бічні панелі для віджетів. Все, що вам треба, - просто додати в цю панель в віджет з кодом.
Перейдіть в меню Зовнішній вигляд → Віджет. Додайте назву віджета і вставте код. Це буде виглядати приблизно ось так:
Для того, щоб провести таку настройку, ніякої плагін вам не знадобиться.
Додаткова настройка
Ця частина нашої замітки - для дизайнерів і розробників. які хочуть налаштувати зовнішній вигляд нової кнопки так, щоб він відповідав колірній схемі сайту і теми оформлення.
- data-show-count (true або false)
- data-button (blue або grey)
- data-text-color (hex code)
- data-link-color (hex code)
- data-lang (en, fr, de, es) - використовується код на базі двох букв в стандарті ISO-639-1
- data-width - (300px)
- data-align - (right)
У коді ці параметри будуть виглядати приблизно так:
Джерело: WP Beginner.com
Дякую за статтю! У мене питання: у мене була поруч зі статтею на сайті кнопка Твіттер, а через деякий час вона зникла, в чому справа?
Сам Twiter міг оновити або змінити API-виклик для роботи кнопки. Найкраще буде зайти на сайт Twitter і знайти там коди для вставки кнопок, вибрати потрібний тип кнопки і вставити на сайт новий код.