Как сделать кнопки социальных сетей WordPress без плагинов

Сентябрь 22, 2016Сентябрь 30, 2016 Seosko 3 комментария smo

Как сделать кнопки социальных сетей WordPress без плагинов? — Именно этот вопрос мучил меня на протяжение последних дней. Думаю все знают, что социальные кнопки создают хороший трафик на сайт, а плагины создают лишнюю нагрузку.

Какую еще нагрузку?
Дело в том, что любой плагин социальных кнопок подгружает скрипт (иногда несколько), которые располагаются в <head> , а это означает, что пока данный скрипт и кнопки не загрузятся, посетитель не увидит страницу.

К тому же такие плагины ухудшают показатели Google Page Insight, а как известно, Google ориентируется на показатель скорости при ранжировании страниц, да и в общем скорость влияет на много показателей. Поэтому я рекомендую избегать плагинов!

Как можно установить социальные кнопки WordPress без плагинов?

Установка CSS-кнопок (сложно)
Кнопки соцсетей от Share42 (средне)
Онлайн генератор кнопок социальных сетей (легко)

Начну пожалуй от сложного, к простому. К тому же первый вариант не создает абсолютно никакой нагрузки, что ускорит ваш сайт и будет удобнее для посетителей.

Если у вас WordPress и ваш сайт медленный, тогда обязательно переходите — Как ускорить WordPress до Максимума!

Установка CSS-кнопок

Что такое CSS-кнопка? — Это динамичная кнопка, которая работает исключительно с помощью стилей в файле style.css . Эти кнопки мы как раз и будет использовать для репостинга, теперь давайте покажу, как они будут выглядеть.

Пример №1:

Как они работают? — смотреть здесь.

Пример №2:

Как они работают? — смотреть здесь.

Внимание: возможно я внесу некоторые поправки в код, которые его улучшать (если кому-то не понравится)!

1. Добавляем стили в файл style.css

Этот файл расположен на хостинге: ваш сайт/wp-content/themes/название темы/style.css .

Потом берем стили из первого или второго примера и полностью переносим в конец файла style.css. Если ваш шаблон криво стал работать или не отображается — значит перенесли код не полностью!

2. Добавляем код кнопок на сайт

Если у вас обычный блог на WordPress, как у меня, тогда вам следует данные кнопки устанавливать в конце статей, а что бы это сделать нам нужно найти файл single.php.

Путь к файлу single.php: ваш сайт/wp-content/themes/название темы/single.php . И провести эксперименты, где лучше расположить кнопки. Туда нужно вставить все <div> стили.

Если у вас простой шаблон, то все будет работать без дополнительных доработок. Однако как часто бывает, что шаблоны блокируют стили или что-то выводят не так. Поэтому в стилях можно добавить «!important» (будет приоритете).

Кнопки социальных сетей от Share42

Кнопки от Share42 работают при помощи одной картинки (спринта) и скрипта, который подключается в ручную. Такая система намного лучше плагинов, где потребляет меньше ресурсов и Google одобряет такие кнопки.

Что необходимо для установки кнопок:

Выбрать необходимый набор кнопок;
Скачать папку с файлами;
Поместить ее в папку плагинов;
Загрузить нужный код с сайта в место, где будут выводиться социальные кнопки.

Видео урок по установке кнопок:

Онлайн генераторы социальных кнопок

Онлайн генераторы позволяют разместить социальные кнопки на WordPress без плагинов при этом не нагружая его. Они хорошо встают на место, могут собирать статистику и дают рекомендации по улучшениям на сайте. Для меня это идеальный вариант.

В интернете находится всего 2 онлайн генератора, которые достойны, что бы быть на страницах вашего сайта. Если что, у меня кнопки от первого сервиса.

1. UpToLike

UpToLike — лучшие русскоязычные кнопки социальных сетей, которые можно поставить на WordPress. Просто генерируете нужный набор кнопок, выбираем нужную форму, а потом вставляете код, где должны появиться кнопки. Почему UpToLike лучший?

Собирает ежедневную статистику посещаемости, лайков и репостов;
Может репостить отдельно картинки или цитировать текст в социальных сетях;
Есть красивое всплывающие окно социальных сетей (подписка в группу);
Мобильная адаптация (мобильный блок кнопок);
Асинхронная загрузка (быстрая загрузка сайта);
Можно скачать плагин кнопок для популярных CMS.

2. Pluso

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

Ну а какой выбрать способ решать уже вам. Если вы знаете еще какой-то хороший способ обойти плагин и сделать социальные кнопки для WordPress, обязательно напишите в комментариях. Будет интересно посмотреть.

(голосов: 2, в среднем: 5,00 из 5)