В этом уроке мы будем устанавливать кнопки социальных сетей на блог.

knopki-socialnyh-setej-13

Нам понадобятся следующие кнопки:

  1. Twitter.
  2. Facebook.
  3. Google+.
  4. ВКонтакте.
  5. Mail.ru.
  6. Одноклассники.

Делать все это будем при помощи сервиса share42. Идем на их сайт.

Выбираем размер кнопок, какой Вам надо. Я выберу самые большие 32х32:

knopki-socialnyh-setej-1

Теперь выбираем кнопки нужных нам социальных сетей (их список представлен выше), также можно выбрать RSS:

knopki-socialnyh-setej-2

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

knopki-socialnyh-setej-3

Нажимаем «Скачать готовый скрипт».

knopki-socialnyh-setej-4

Теперь распаковываем архив со скриптом. Подключаемся к своему сайту по FTP (уже знаете, как это делать). Заходим в папку public_html и загружаем туда скачанную папку. По умолчанию она называется share42. ОБРАТИТЕ ВНИМАНИЕ, что в папке share42, которую Вы загрузите на сервер, должны быть файлы, а не еще одна папка share42!!! Иначе ничего не получится. Прежде чем задавать вопрос мне по данной теме, проверьте, правильно ли Вы загрузили, так как это самая частая ошибка!!!

Загрузили? Отлично! Бежим дальше :))).

Переходим к четвертому пункту «Установите скрипт на своем сайте».

Указываем где размещена папка ( http://ваш_домен.ru/share42/ ) и тип сайта:

knopki-socialnyh-setej-5

Копируем код ниже в буфер обмена:

knopki-socialnyh-setej-6

Страницу не закрывайте. Нам понадобится еще другой код.

Вставка социальных кнопок на блог WordPress

Заходим в админку. Переходим в раздел «Внешний вид» => «Редактор».

Здесь находим файл single.php и выбираем его.

knopki-socialnyh-setej-7

В нужное место вставляем скопированный ранее код. Кто знает html и php поймет, что и куда вставлять. Кто не знает, находим такую строчку <?php comments_template(); ?> или подобную с «php comments_template» и ПЕРЕД ней вставляем скопированный код. Получается, что наши кнопки появятся в конце статьи перед комментариями. Но все зависит от особенностей Вашего шаблона. НЕ ЗАБУДЬТЕ нажать «Обновить файл»:

knopki-socialnyh-setej-8

Теперь возвращаемся на http://share42.com/ и копируем код из раздела 6:

knopki-socialnyh-setej-9

В админке открываем файл style.css, который отвечает за оформление блога:

knopki-socialnyh-setej-10

И в самом низу вставляем скопированный ранее код и жмем «Обновить файл»:

knopki-socialnyh-setej-11

Вот и все! Кнопки социальных сетей установлены! Вот как это выглядит на моем сайте:

knopki-socialnyh-setej-12

Кнопки социальных сетей можно устанавливать различными способами и более сложными и более легкими. Почему я выбрал именно этот способ? Потому что я хочу, чтобы Вы научились пользоваться редактором – это Вам 100% понадобится в будущем.

Советую почитать эту статью.

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

Удачи!