Ставим плагин facebook «Страница» на сайт на WordPress

Если вы думаете, что ставить плагины Facebook на свой сайт трудно, и это удел программистов, то вы ошибаетесь. Хотя, т.к. я программист, то могу ошибаться :)

Плагины Facebook — это уже подготовленные для установки на сайты, специально разработанные именно для этой цели виджеты, блоки, кнопки и т.п. Которые помогают интегрировать сервисы социальной сети на ваш сайт.

Поставим планин «страница» Facebook на ваш сайт.

Наше путешествие начнется со страницы для разработчиков -https://developers.facebook.com/docs/plugins

Не пугайтесь, ничего разрабатывать не придется, нужно будет лишь немного настроить внешний вид и потом получить код для вставки на сайт.

plugins

Вы увидите целый перечень плагинов, каждый из которых, вы можете потом попробовать сомостоятельно. Мы решили, что будем устанавливать плагин «Страница».

plug-page-facebook-entrance

Нажмите на кнопку — «Веб-платформа», чтобы перейти к генерации кода. Названия всех этих кнопок придумывают специальные злые программисты, чтобы простым пользователям было не понятно что это такое, и они обращались бы за помощью к программистам.

Вы окажетесь на следующей странице, где вам предложат поиграть параметрами будущего виджета.

Самый главный из них — адрес страницы facebook, которую вы встраиваете.

constructor-widget-facebook

Когда вы вдоволь наиграетесь настройками, жмите кнопку «Получить код».

Программа покажет вам окошко с вариантами вставки кода:

insert-code-facebook-widget-page

Вариантов два, рассмотрим оба.

Вставка SDK Javascript

Вы видите два кусочка HTML кода. Куда их следует вставить?

Первый следует разместить в файле вашей темы header.php. Тема оформления вашего сайта на WordPress состоит из набора файлов, каждый из них играет свою роль и отвечает за свой участок общего оформления страницы или конкретного раздела. Здесь об этом рассказано немного подробнее.

Редактировать header.php можно прямо из админки сайта. Перейдите в меню «Внешний вид»-> «редактор» и выберите в списке нужный нам header.php.

Facebook рекомендует вставить код сразу после html тега <body>. Так и сделаем — код из первого окошка копируем сразу после закрывающей скобки «>» тега body.

Второй код нужно вставить в файл, который отвечает за столбец вывода виджетов на сайте. Но мы сделаем проще, мы не будем копаться в файлах темы оформления, а добавим текстовый виджет через меню «внешний вид»->»виджеты».

Добавьте виджет «Текст» в ваш сайдбар, в том порядке как вы хотите чтобы он отображался на сайте.

widget-insertion

Вместо текста нужно вставить второй кусочек html кода. Сохраняем. Любуемся на наш сайт.

Вставка IFrame

iframe-type-insertion

Как видите вставить тут требуется только один код. Это действительно проще. Вам нужно лишь создать текстовый виджет, как описано выше, и вставить предложенный код вместо текста.

Зачем тогда нам такой сложный первый вариант? :) Я не могу раскрывать всех тайн мирового заговора программистов, т.к. давал страшную клятву.

Я очень надеюсь, что статья поможет вам разобраться с установкой виджетов Facebook на ваш блог под WP.

Написать комментарий

Мало букафф? Читайте есчо !

Footer wordpress

Октябрь 9, 2015 г.

Что такое footer wordpress и как его отредактировать. Шаблон страницы в wordpress собирается, как правило, из нескольких файлов-шаблонов. Хотя это и не обязательно. Сначала wordpress определяет файл основного шаблона, который выбирается в соответствии ...

Читать

Настройка ЧПУ в CMS

Август 3, 2015 г.

Как я напишу позднее, ЧПУ - один из факторов учитываемых в SEO. А пока как программист подскажу специалистам в SEO, где искать настройки ЧПУ в популярных CMS. Начну с рассказа о двух хорошо мне знакомых CMS, потом буду по мере возможности дополнять ...

Читать

 

Комментарии к «Ставим плагин facebook «Страница» на сайт на WordPress»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: