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

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

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

Вывод списка терминов в wordpress

Май 15, 2017 г.

Словари таксономии - это один из объектов, поддерживаемых API WP. Они могут по разному называться - рубриками, категориями, терминами, но хранятся в одних и тех же таблицах базы данных. К ним применяется одни и те же функции API и методика работы. ...

Читать

Удалить из head сайта на WP prefetch //s.w.org

Ноябрь 10, 2017 г.

После очередного обновления движка WP, в секции head шаблона появилась линка на s.w.org: [crayon-608003ec0f57e606131399/] Что это такое и как удалить читайте далее в статье. Dns-prefetch - это способ ускорить загрузку страницы с помощью предварительного ...

Читать

 

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

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



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