Кнопки социальных сетей для сайта. Часть 2

Нравиться

Всем привет!

Не так давно, а именно на прошлой неделе, я рассказывал о кнопке «Твитнуть» и как ее себе поставить на сайт. Что ж пришло время поговорить о следующей социальной сети.

Сегодня я расскажу как добавить на кнопку facebook на сайт и вообще немного поведаю о всемирноизвестной и самой популярной социальной сети. Ее основатель Марк Цукерберг в 23 года стал самым молодым в истории миллиардером, а это согласитесь результат :).

Facebook была  создана еще в 2004-ом году и за это время в соцсеть заходит уже больше, чем 800 миллонов уникальных посетителей в месяц. Такие цифры впечатляют конечно же, но теперь перейдем непосредственно добавлению кнопки facebook на свой сайт.

Хочу отметить, что вставка обычного кода куда более эффективней, нежели установка плагина, так как он добавляет дополнительную нагрузку на хостинг, а это не есть хорошо. По этому я стараюсь по возможности использовать чистый код. И так приступим…

Кнопка «Нравиться» Facebook

1)  Заходим по этой ссылке и перед нами появляется вот такое окно:

Кнопка Нравиться Facebook

1. URL-адрес страницы для который Вы хотите добавить кнопку «Нравиться«. Если оставите поле пустым, что делаю и я, то страница будет определена автоматически.

2. Здесь можете выбрать кнопку, которая Вам больше нравиться и которая будет подходить к дизайну сайта: standard, button_count или box_count. Я остановился на втором варианте.

3. Слово, которое будет отображаться на кнопке: «Нравиться» или «Рекомендовать«. Опять таки выбираете на свое усмотрение, я остановил свой выбор на «Нравиться«.

4. Тут можно выбрать схему цветов для кнопки: либо светлую, либо темную. По этому судите сами, что будет лучше смотреться на Вашем сайте.

5. В пункте Font из перечисленных вариантов (а их там шесть) выбираете какой Вам больше нравиться шрифт текста на кнопке. Я оставил без изменений.

6. Тут ничего менять не нужно (да и Вы не сможете :)), за этой кнопкой нужно наблюдать тогда, когда вносите настройки в вышеперечисленных пунктах. В общем это образец, который отображает, какая кнопка будет у Вас на сайте.

Остальные поля оставляем без изменений и нажимаем Получить код (Get Code).

2) Появляется вот такое окно:

Код кнопки Нравиться Facebook

Первую часть кода, которая выделена синим на скриншоте, нужно скопировать и вставить после открывающегося тега <body>. У меня этот тег находится в header.php:

body в header.php

Вот сразу после <body> вставляете первую часть кода. Вторую часть нужно вставить туда, где Вы хотите, чтобы Ваша кнопка отобрадалась. Я вставлял её после статьи, по этому мне нужно зайти по такому адресу Внешний вид — Редактор — Одна запись (single.php) найти данную строчку:

<?php the_content(»,FALSE,»); ?>

и вставляем после нее вторую часть кода.

Это все! Если сделали правильно, то на Вашем сайте должна уже отображаться кнопка. Если же нет, тогда задавайте свои вопросы в комментариях, с радостью помогу Вам. На этом у меня все, надеюсь с вопросом как добавить кнопку Facebook на сайт Вы разобрались. Кстати, моя предыдущая статья на эту тему также будет полезна как поставить кнопку твитнуть на сайт.

Всем удачи, с Вами был Вячеслав Чечотенко

Видео-эпилог: ролик о «безобидной» черепашке

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

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