Виджеты социальных сетей для WordPress. Часть 1

Давно я ничего не писал про WordPress. Сегодня поговорим о виджетах социальных сетей.

В первом посте рассмотрим самые популярные социальные сети: FB, VK, G+ и OK.

Facebook

Для виджетов Facebook есть множество расширений, но я за добавление кодом, так как в этом случае у вас есть гораздо больше возможностей настройки. Создать его можно с помощью официального сервиса Page Plugin. Заходим на страницу и заполняем параметры виджета.

  • URL-адрес Страницы Facebook – адрес страницы, для которой вы создаете виджет.
  • Ширина – ширина модуля в пикселях. Надо будет смотреть по ширине сайдбара вашего сайта.
  • Вкладки – определяет, следует ли отображать поток «Последние сообщения» со стены страницы, либо события или сообщения. Оставить пустым, если ничего не нужно отображать.
  • Высота – высота модуля в пикселях. Подбирайте по своему желанию и месту установки.
  • Использовать маленький заголовок – определяет, какова будет верхняя часть виджета.
  • Скрыть фото профиля – определяет, показывать или скрывать обложку страницы.
  • Адаптировать под ширину контейнера плагина – нужно поставить галочку, тогда виджет должен адаптироваться к ширине контейнера.
  • Показывать лица друзей – определяет, следует ли отображать фотографии друзей в модуле.

Нажимаем «Получить код».

Код состоит из двух частей.

Копируем и вставляем последовательно обе части кода в виджет. Готово.

 

VK

У VK есть свой сервис Виджет для сообществ. Настройки элементарные: вид, ширина и цвет элементов. И не забудьте посмотреть другие виджеты VK, там много интересного.

 

G+

Для получения кода для виджета G+ воспользуемся сервисом Google+ Badge. Авторизируемся через аккаунт Google, выбираем настройки и получаем код. Всё просто.

 

ОК

Для Одноклассников похожая история, только настроек меньше. Заходим в сервис Виджет группы, заполняем ID группы и выбираем высоты и ширину. ID группы можно найти в настройках своего сообщества в ОК.

 

Во второй части я рассмотрю установку виджета твиттера и другие социальные сети. Спасибо за внимание.