Что и Как

Виджет фейсбук


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

Сегодня я расскажу и покажу как установить на сайт 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

 

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

 

 



СМОТРИ ТАКЖЕ