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

Сегодня я познакомлю вас с интересным плагином, с помощью которого вы добавите на свой сайт like box вашего сообщества или группы фейсбук. Что это такое ? это мини копия вашей страницы в фейсбук, где будет отображаться основное изображение и аватарка, название, подписчики, кнопка – Like Page (поставить лайк странице). Так же в блоке будут отображаться последние записи, которые вы публиковали в фейсбук.

Скриншот примера Facebook like box.

 

лайк бокс

 

В общем если вы хотите объединить ваш сайт с вашей страницей на фейсбук, то это то что вы искали. Добавлять на свой сайт данный Like Box вы сможете двумя способами, первый способ через виджет, а второй способ с помощью шорткода.

Итак, создавать like box вашей страницы фейсбук мы будем с помощью плагина – Facebook By Weblizar. Данный плагин вы сможете установить прямо из своей админ-панели wordpress. Для этого перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин. (смотри фото)

 

установить плагин

 

 

После установки и активации плагина, у вас в админ-панели, в левом меню, появится вкладка – Facebook By Weblizar

 

вкладка

 

Так же на странице Виджеты появится новый виджет – Facebook By Weblizar

 

виджет

 

Теперь давайте разберём настройки. Сразу скажу что настраивается like box одинаково, как для виджета, так и для шорткода. Как настроить like box я покажу на примере шорткода, который вы потом сможете вставить на страницу или в запись.

 

настройки плагина

 

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

– Widget Color Scheme, можно выбрать тему для блока, тёмную или светлую.

– Show Widget Header, показывать заголовок виджета ?

– Show Faces, показывать лица, то есть будут ли отображаться аватарки ваших подписчиков ?

– Show Live Stream, укажите да, чтобы все обновления отображались автоматически.

– Widget Width, укажите ширину виджета.

– Widget Height, укажите высоту виджета.

– Facebook App ID (Required), укажите здесь ваш ID приложения фейсбук.

Чтобы узнать свой ID приложения Facebook, для этого:

 

1. Авторизуйтесь в Facebook.

2. Зайдите на сайт – Facebook Developers

3. Перейдите по вкладке: My AppsAdd a new App.

 

новое приложение

 

4. Нажмите на значок Веб-сайт.

 

значок веб-сайт

 

5. В открывшемся окне укажите название для вашего приложения, и нажмите на кнопку – Create New Facebook App ID.

 

название приложения

 

6. Далее, выберите категорию для вашего приложения, и нажмите на кнопку – Create App ID.

 

категория для приложения

 

7. Затем перейдите по вкладке – My Apps.

 

My Apps

 

8. И последнее, скопируйте ID вашего приложения. Данный ID номер вы можете использовать при настройке различных плагинов Facebook.

 

id номер

 

Итак, копируете ID приложения и вставляете его в поле Facebook App ID (Required). И в конце жмём на кнопку – SAVE. (сохранить)

 

сохранить

 

Если вы указали правильный URL страницы и ID приложения, тогда под настройками появится Like Box вашей страницы фейсбук. Чтобы добавить like box на страницу или в запись вашего сайта, используйте специальный шорткод. Шорткод вам нужно будет скопировать в самом верху, из заголовка настроек, он состоит всего из трёх букв в квадратных скобках – [FBW] (смотри фото).

 

шорткод

 

 

Как я вам уже говорил, виджет like box настраивается абсолютно так же, просто скопируйте настройки со странице like box шорткода в виджет.

 

виджет лайкбокс

 

И ещё, смотрите, допустим вы хотите вставить like box через файл header.php (верх сайта), либо через файл footer.php (подвал сайта), тогда воспользуйтесь специальным кодом, в который вам нужно вставить шорткод лайк-бокса.

<?php echo do_shortcode(‘[shortcode]‘); ?>  жирным я выделил место куда необходимо вставить шорткод.

 

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

 

У вас остались Вопросы, вам что-то не понятно ? тогда обязательно напишите мне письмо в Обратную связь, либо оставьте комментарий к данной записи. Я всем отвечу !