Всем привет! Ранее я уже рассказывал о плагинах, позволяющих связать свой блог с социальными сервисами Twitter и Вконтакте, очередь дошла и до социальной сети Facebook, которая семимильными шагами набирает популярность в России. Рассмотрим только один facebook плагин для WordPress, зато он включает все самые важные функции: комментарии Facebook и авторизацию, социальные кнопки like и Поделиться, дополнительные новые виджеты. Имя ему — Simple Facebook Connect.

facebook плагин для wordpress

Начнем, как и положено, с его установки. Она ничем примечательным не отличается:

  • скачайте Simple Facebook Connect с wordpress.org;
  • распакуйте архив и загрузите полученную папку с файлами плагина на сервер в директорию wp-content/plugins, используя ftp клиент;
  • зайдите в админку и в разделе «Плагины» активируйте его.

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

Для работы плагина необходимо создать приложение в FВ, а для это следует иметь на нем аккаунт. Если вы еще не имеет своего аккаунта, зарегистрируйтесь в FB и переходите на страницу создания нового приложения.

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

Нажимаем на «создать новое приложение» в правом верхнем углу...

Greate New App

и вводим его название в поле AppName. Нажимаем продолжить и на следующей странице вводим капчу — буквы с картинки в поле под ними.

App ID и Secret

Приложение создано, осталось заполнить только два поля:

  • App Domains — домен вашего блога в формате vash_blog.ru;
  • Site URL — адрес блога в формате http://vash_blog.ru.

Сохраняем изменения. Все что нам нужно из этого приложения — это App ID и Ap Secret.

Теперь можно вернуться к настройкам самого плагина в раздел «Параметры» — «Simple Facebook Connect».

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

Для работы плагина необходимо ввести полученные Application ID и Secret, если у вас есть фан страничка блога в ФэйсБуке, то укажите еще и ее ID. Создать свою фан страницу можно здесь.

После сохранения изменений появится раздел SFC Modules, в котором можно галочками отметить модули, которые следует активировать. Всего их девять:

SFC Modules

1. Login with Facebook — возможность авторизоваться на блоге с помощью аккаунта в FB.

Только одна опция:

Use Facebook Avatars in preference to Gravatars — приоритетным является аватар с FB, а не с gravatar.

2. User registration (must also enable Login) — регистрация пользователей на блоге.

3. Like Button — кнопки «Мне нравится» и «Отправить».

Кнопка like facebook для wordpress

Имеет следующие настройки:

Like Button Position -позиция кнопки like на странице:

  • Before the content of your post — до текста записи;
  • After the content of your post — после текста;
  • Before AND After the content of your post — до и после текста статьи;
  • Manually add the button to your theme or posts (use the sfc_like_button () function in your theme) — положение иконки задается в ручную с помощью добавления в шаблоны используемой темы WordPress функции sfc_like_button ().

Like Button Layout — внешний вид иконки.

Like Button Action — действие кнопки:

  • Like — мне нравится;
  • Recommend — рекомендовать.

Send Button — включить/выключить кнопку «Отправить».

4. Share Button — иконка «Поделиться».

Кнопка Поделиться

Share Button Position — позиция на странице: до теста записи, после, до и после или задать в ручную с помощью добавления в тему WordPress функции sfc_share_button или шорт кода [fb-share].

Share Button Type — определить внешний вид кнопки. Хотя на моем блоге она показывалась только в одном виде — то что на картинке выше.

5. Publisher (send posts to Facebook) — издатель (отправлять посты в FB). Для работы этого модуля необходимо в его настройках поставить галочку напротив Automatically Publish to Facebook Profile.

6. Sidebar widgets (enables all widgets, use the ones you want) — включить новые виджеты от Facebook в WordPress:

  • Fan Box — виджет выводит некоторых читателей вашей фан странице и позволяет новым пользователям подписаться на нее.
  • Status — позволяет выводить на блоге ваш статус из FB.
  • Activity Feed — последние события из FB.
  • Live Stream — выджет позволяет пользователям ФэйсБука оставлять быстрые сообщения в сайдбаре блога. К тому же, эти сообщения могут сразу публиковаться в FB.
  • Chicklet — фэйсбук «цыпочка». Так и не понял, к чему этот виджет. :)
  • Recommendations — рекомендации от FB.

7. Allow FB Login to Comment (for non-registered users) — разрешить пользователям, зарегистрированным в ФэйсБуке, но не на вашем блоге оставлять комментарии.

8. Integrate FB Comments (needs automatic publishing enabled) — добавить в WordPress комментарии от Facebook, для этого необходимо активировать модуль Publisher (send posts to Facebook) и поставить галочку напротив Automatically Publish to Facebook Profile.

Комментарии должны появиться автоматически без дополнительного кода, но не во всех темах это работает. Если комментарий не видно, то придется подредактировать шаблон comments.php, используемой темы WordPress. Ищем в нем функции input, отвечающие за ввод имя пользователя, адреса электронной почты и сайта (не всегда бывает). В моей теме они выглядят следующим образом:

<p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?> />
<label for="author"><small>Имя <?php if ($req) echo "(требуется)"; ?></small></label></p>
 
<p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?> />
<label for="email"><small>email <?php if ($req) echo "(требуется)"; ?></small></label></p>

Вставляем до него следующую строчку кода:

<div id="comment-user-details"> <?php do_action('alt_comment_login'); ?>

а после:

</div>

Теперь наши новые комментарии должны заработать.

9. Photo Posting (integrate FB Photo Albums into the Media display) — публикация фотографий. Насколько я понял, позволяет использовать фотографии из альбомов FB.

На этом все, спасибо за внимание! Берегите себя!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.