Если вы думаете, что ставить плагины Facebook на свой сайт трудно, и это удел программистов, то вы ошибаетесь. Хотя, т.к. я программист, то могу ошибаться :)
Плагины Facebook — это уже подготовленные для установки на сайты, специально разработанные именно для этой цели виджеты, блоки, кнопки и т.п. Которые помогают интегрировать сервисы социальной сети на ваш сайт.
Поставим планин «страница» Facebook на ваш сайт.
Наше путешествие начнется со страницы для разработчиков -https://developers.facebook.com/docs/plugins
Не пугайтесь, ничего разрабатывать не придется, нужно будет лишь немного настроить внешний вид и потом получить код для вставки на сайт.
Вы увидите целый перечень плагинов, каждый из которых, вы можете потом попробовать сомостоятельно. Мы решили, что будем устанавливать плагин «Страница».
Нажмите на кнопку — «Веб-платформа», чтобы перейти к генерации кода. Названия всех этих кнопок придумывают специальные злые программисты, чтобы простым пользователям было не понятно что это такое, и они обращались бы за помощью к программистам.
Вы окажетесь на следующей странице, где вам предложат поиграть параметрами будущего виджета.
Самый главный из них — адрес страницы facebook, которую вы встраиваете.
Когда вы вдоволь наиграетесь настройками, жмите кнопку «Получить код».
Программа покажет вам окошко с вариантами вставки кода:
Вариантов два, рассмотрим оба.
Вставка SDK Javascript
Вы видите два кусочка HTML кода. Куда их следует вставить?
Первый следует разместить в файле вашей темы header.php. Тема оформления вашего сайта на WordPress состоит из набора файлов, каждый из них играет свою роль и отвечает за свой участок общего оформления страницы или конкретного раздела. Здесь об этом рассказано немного подробнее.
Редактировать header.php можно прямо из админки сайта. Перейдите в меню «Внешний вид»-> «редактор» и выберите в списке нужный нам header.php.
Facebook рекомендует вставить код сразу после html тега <body>. Так и сделаем — код из первого окошка копируем сразу после закрывающей скобки «>» тега body.
Второй код нужно вставить в файл, который отвечает за столбец вывода виджетов на сайте. Но мы сделаем проще, мы не будем копаться в файлах темы оформления, а добавим текстовый виджет через меню «внешний вид»->»виджеты».
Добавьте виджет «Текст» в ваш сайдбар, в том порядке как вы хотите чтобы он отображался на сайте.
Вместо текста нужно вставить второй кусочек html кода. Сохраняем. Любуемся на наш сайт.
Вставка IFrame
Как видите вставить тут требуется только один код. Это действительно проще. Вам нужно лишь создать текстовый виджет, как описано выше, и вставить предложенный код вместо текста.
Зачем тогда нам такой сложный первый вариант? :) Я не могу раскрывать всех тайн мирового заговора программистов, т.к. давал страшную клятву.
Я очень надеюсь, что статья поможет вам разобраться с установкой виджетов Facebook на ваш блог под WP.
