Здравствуйте !

Сегодня я расскажу и покажу как установить на сайт wordpress виджет фейсбук. Что это такое ? в виджете будет отображаться ваша группа в фейсбук, название, изображение, количество лайков, кнопка like, аватарки подписчиков, записи группы. В настройках виджета можно будет настроить ширину и высоту виджета, параметры отображения, задать Русский язык и т.д. Пример виджета группы фейсбук:

 

12-10-2015 18-04-38

 

Устанавливать виджет фейсбук на сайт мы будем с помощью плагина – Facebook Widget. Данный плагин вы сможете установить прямо из своей админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и  активируйте открывшийся плагин.

 

12-10-2015 18-53-46

 

После установки и активации плагина, перейдите на страницу Виджетов, там у вас появится новый виджет – Facebook Page Like Widget.

 

12-10-2015 19-01-52

 

Перетащите виджет в сайдбар, откройте виджет для настройки:

– Заголовок, здесь можно указать заголовок виджета.

– Facebook Application Id, здесь вам нужно указать ID приложения в фейсбук. Не знаете что это ? читайте статью – Как узнать свой идентификатор приложения ID в Фейсбук ?

– Facebook Page Url, укажите здесь URL адрес вашей страницы на фейсбук. URL адрес страницы нужно скопировать в верхнем поле браузера.

– Show posts from the Page timeline, если стоит галочка, то в виджете будут показываться записи с вашей страницы фейсбук.

– Hide Cover, если поставите здесь галочку, то изображение, которое отображается вверху страницы фейсбук не будет отображаться в виджете.

 Show profile photos when friends like this, если стоит галочка, то будут показаны аватарки подписчиков.

– Show Small Header, если поставите галочку, то шапка виджета группы будет маленькой.

– Adapt To Plugin Container Width, если поставите здесь галочку, то ширина виджета станет адаптивной.

– Set Width, укажите здесь ширину виджета фейсбук.

– Set Height, укажите здесь высоту виджета фейсбук.

– Language, выберите здесь язык для виджета.

– Custom Css, оставьте поле пустым.

В конце жмём на кнопку сохранить.

 

12-10-2015 19-28-42

 

На этом всё, если у вас остались вопросы по данной статье, то пишите в Обратную связь, либо оставляйте свои комментарии к данной записи, до новых встреч ! Кстати, а вы знаете – Как установить на сайт блок комментариев от соцсети фейсбук ?