Ваш промокод mojWPAds на плагин рекламы для WordPress >>

Как установить кнопки 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/.


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

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

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

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

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

  2. Вадим says:
    http://av-finance.ru/

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

    • Виталий says:
      http://mojWP.ru/

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

  3. Social Dancer says:
    http://www.dance-school.co.il/

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

  4. Андрей says:
    http://bank-of-ideas.ru

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

    • Виталий says:
      http://mojWP.ru/

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

  5. Наташа says:

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

  6. XakerFaker says:
    http://online-users.ru/

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

  7. Артур says:
    http://arturkuznetsov.ru/

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

  8. Alisa says:
    http://beklem25.ru

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

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

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

© 2011-2017 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 11.69MB | MySQL:110 | 0,266sec
Лучшие плагины для сайта WordPress
Магазин WordPress WP-R.ru
Я понял, не показывай больше.
Смотри мои обучающие видео на YouTube
Сайт использует cookie
Друг, не уходи!