Установка кнопок социальных сетей на блог

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

knopki-socialnyh-setej-13-4539825

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

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

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

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

knopki-socialnyh-setej-1-7866504

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

knopki-socialnyh-setej-2-1643818

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

knopki-socialnyh-setej-3-7932049

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

knopki-socialnyh-setej-4-8189292

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

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

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

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

knopki-socialnyh-setej-5-4650075

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

knopki-socialnyh-setej-6-5311539

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

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

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

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

knopki-socialnyh-setej-7-8850892

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

knopki-socialnyh-setej-8-5558978

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

knopki-socialnyh-setej-9-6469166

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

knopki-socialnyh-setej-101-1124350

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

knopki-socialnyh-setej-11-5621339

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

knopki-socialnyh-setej-12-6334117

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

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

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

Удачи!

Вам также может понравиться

About the Author: recordadmin