mojwp.ru
Назад

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

Опубликовано: 06.05.2014
10
714

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

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

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

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

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

 

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

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

как установить кнопки Social Likes
Клик для увеличения

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

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

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

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

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

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

Автор:
Виталий
Поделиться
Похожие записи
Черкани пару строк
  • Андрей
    Опубликовано: 07.05.2014 Ответить на сообщение

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

  • Вадим
    Опубликовано: 07.05.2014 Ответить на сообщение

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

    • Виталий
      Опубликовано: 07.05.2014 Ответить на сообщение

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

  • Social Dancer
    Опубликовано: 12.05.2014 Ответить на сообщение

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

  • Андрей
    Опубликовано: 10.06.2014 Ответить на сообщение

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

    • Виталий
      Опубликовано: 10.06.2014 Ответить на сообщение

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

  • Наташа
    Опубликовано: 30.06.2014 Ответить на сообщение

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

  • XakerFaker
    Опубликовано: 29.11.2014 Ответить на сообщение

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

  • Артур
    Опубликовано: 23.01.2015 Ответить на сообщение

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

  • Alisa
    Опубликовано: 15.03.2015 Ответить на сообщение

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

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.