Как добавить кнопку Facebook Like

Как добавить кнопку Facebook LikeСегодня мы установим кнопку Facebook Like на блог или сайт. Facebook на сегодняшний день самая популярная социальная сеть в мире. Для интеграции к себе на блог или сайт нет нужды устанавливать плагины, разработчики Facebook позаботились и создали инструменты для генерации различных виджетов для установки на ваш блог или сайт.

На данный момент в арсенале Facebook имеется 8 плагинов, которые легко интегрируются в тело вашего сайта. Для создания нашей кнопки, переходим на страницу Like Button.

И перейдем к настройкам нашей будущей кнопки Facebook Like. Чтобы получить кнопку, нам необходимо изменить 8 пунктов возможных настроек кнопки:

URL to Like – так как кнопка будет появляться под всеми записями нашего сайта, то никакой ссылки вставлять не нужно. Если вы хотите, что бы по клику всегда отмечалась главная страница, то в это поле нужно вставить адрес вашего сайта.

Layout Style – стиль кнопки. Система имеет три предустановленных стиля: кнопка с текстовым описанием, маленькая кнопка со счетчиком сбоку и большая кнопка со счетчиком сверху.

Show Faces – опция определяет, показывать ли аватары пользователей, которым понравилась запись, или нет.

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

Verb to display – какую надпись следует отображать на кнопке Like или Recomended.

Font – шрифт, которым будут отображаться все надписи на кнопке.

Color Scheme – цветовая схема кнопки. Пользователю предлагаются две темы на выбор: стандартная голубая, и темно-серая.

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

Теперь нужно скопировать код, и вставить в место где вы хотите выводить кнопку. Большинство выводят кнопки после записи, для этого нужно отредактировать файл single.php желательно устанавливать код кнопки после <?php the_content();?>

Для установки данной кнопки на сайт под управлением WordPress необходимо заменить выделенную часть кода на <?php the_permalink()?>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *