Ставим плагин 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.

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

Брендовый сайт премиум корма марки Blitz

Август 15, 2016 г.

Этот проект на Wordpress мне достался на доработку. Я не часто занимаюсь сайтами на WP, есть тому причины, но рынок диктует свои правила. Огромное число ...

Читать

References WP plugin

Июнь 22, 2016 г.

Искал плагин для Wordpress, который бы позволил связывать публикации друг с другом. Видно, что не я один искал. :) Пришлось написать свой плагин, разместил ...

Читать

 

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



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