Как установить кнопки Social Likes на сайт

как подключить кнопки Social LikesНаучимся подключать кнопки Social Likes к своему сайту на WordPress.

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

Сами кнопки найдете на странице Social Likes. Здесь выбираете понравившейся стиль и набор. Затем снизу жмете по большой кнопке скачать и сохраняете архив к себе на компьютер. Страницу в браузере не закрывайте, т.к. она еще понадобится.

Далее необходимо в папке с шаблоном вашего сайта создать новую папку под названием social, куда и разархивируете только что скачанные кнопки: там будет 3 файла.

Теперь открываем файл шаблона header.php и перед закрывающим тегом </head> вставляете следующее:

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/social/social-likes_classic.css">
<script src="<?php bloginfo('template_url'); ?>/social/social-likes.min.js"></script>

Здесь мы указали путь до подключаемых файлов стиля устанавливаемых кнопок, а так же до скрипта, который заставит их работать у вас на сайте. Обратите внимание на social-likes_classic.css - может чуть меняться название файла, в зависимости какие кнопки по стилю вы выбрали.

Остается разместить сами кнопки у вас в шаблоне. Обычно это делают за текстом статьи. А вставлять нужно вот этот кусок кода:

как установить кнопки Social Likes

Клик для увеличения

В зависимости от набора кнопок код может меняться. Я поэтому и говорил выше не закрывать страничку, чтобы вы его могли взять. На крайний случай он дублируется в файле index.html в скачанном вами архиве.

Если не заработали кнопки Social Likes

Если указанное выше сделали правильно, но кнопки все еще не работают, значит у вас не подключен jQuery к сайту. Делается это легко: открываете все тот же файл header.php и прямо перед внедренным кодом кнопок вставите вот это

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>

Сейчас вы подключили jQuery последней версии непосредственно с сервера Google. Есть и другие варианты подключения, но суть работы одна и та же.

Стоит заметить, что jQuery у вас уже мог быть подключен в шаблоне или с каким-то плагином. Поэтому сейчас перепроверьте функционал сайта на всякий случай. Может понадобится другое решение данного вопроса.

Напомню, что кнопки социальных сетей для сайта можно подключить каждую отдельно, используя код самих социалок. Как видите - все просто и не так напряжно, как установка терминалов QiWi, для которых нужно привлекать специалистов.

Привет. Меня зовут Виталик и я автор этого блога, а так же Магазина WordPress https://wp-r.ru/.

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 10 комментариев
  1. Андрей (129 комм.):
    http://zarobitok.ru/

    Отличная статья и еще один способ быстро установить кнопки соц. сети.

  2. Вадим (13 комм.):
    http://av-finance.ru/

    А как Вы относитесь к сервисам типа Uptolike и Pluso?
    Я на блоге установил код скрипта от первого сервиса. Позволяет еще и статистику смотреть

    • Виталий (1674 комм.):
      http://mojWP.ru/

      Я их не использую никогда, поэтому не могу сказать как отношусь.

  3. Social Dancer (1 комм.):
    http://www.dance-school.co.il/

    Нормальный раньше был плагин. После последнего апдейта WP вдруг по каким-то странным для меня причинам не всегда работает. Новость запостила а кнопок нет. Захожу в редактирование поста, вижу там галочка снята. И так довольно часто. Думаю сменить.

  4. Андрей (1 комм.):
    http://bank-of-ideas.ru

    Здравствуйте! Подскажите, как в этом плагине добавить надпись призыва перед кнопками? И как их отцентровать на странице? Спасибо!

    • Виталий (1674 комм.):
      http://mojWP.ru/

      Добрый.
      Просто добавьте строку с любым текстом перед вставляемым кодом на страницу.
      Отцентрировать можно по-разному: для блока задать text-align: center, либо margin: 0 auto;. Все зависит как делаете.

  5. Наташа (1 комм.):

    Виталий, здравствуйте! А скажите, пожалуйста, как создать новую папку в папке с шаблоном? Совсем разобраться не могу...

  6. XakerFaker (1 комм.):
    http://online-users.ru/

    Спасибо за информацию, теперь у меня все работает 😉

  7. Артур (1 комм.):
    http://arturkuznetsov.ru/

    Спасибо, полезно, заработало.

  8. Alisa (1 комм.):
    http://beklem25.ru

    Спасибо!
    Красивые и аккуратные кнопочки!

Не держи в себе. Выскажись.

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

© 2011-2016 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 12.67MB | MySQL:71 | 0,397sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT
https://wp-r.ru/plaginy/elt.html