Как добавить кнопки социальных сетей в WordPress (руководство для начинающих)

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

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

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

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

В отличие от других плагинов, Shared Counts использует уникальный метод кэширования, тем самым оказывает минимальное влияние на скорость и производительность вашего сайта.

Скачиваем, устанавливаем и активируем плагин. После того, активации, вам нужно перейти в меню «Настройки» SharedCounts, чтобы настроить параметры плагина.

Затем вам нужно прокрутить вниз до раздела «Display» и выбрать кнопки обмена, которые вы хотите отобразить. По умолчанию выбраны три кнопки (Facebook, Twitter и Pinterest).

Нажмите на белую область в поле, чтобы добавить дополнительные кнопки общего доступа, которые вам необходимы.

Далее, вы можете выбрать стиль кнопки «Поделиться» из выпадающего меню «Стиль кнопки-Поделиться». Плагин поставляется с 8 красивыми стилями кнопок.

Далее вам нужно выбрать местоположение темы, в которой вы хотите отобразить кнопки социальных сетей. Вы можете выбрать один из трех вариантов: «До содержимого», «После содержимого» и «До и после содержимого».

Наконец, вам нужно выбрать поддерживаемые типы сообщений. По умолчанию выбран пост. Если вы хотите отображать кнопки «Поделиться» на своих страницах, установите флажок рядом с параметром страницы.

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

Вот как выглядит наш демонстрационный веб-сайт со стилем кнопки «Классика» по умолчанию.

Как отобразить количество социальных акций в WordPress

Чтобы включить подсчет общего ресурса, вам нужно перейти в настройки «Общее количество» и настроить источник подсчета. В окне настроек Shared Counts вы увидите настройки «Share Count» вверху.

По умолчанию вы увидите опцию None, выбранную для «Count Source», что означает, что подсчет общего ресурса не извлекается и не отображается.

Чтобы показать количество социальных акций, вы можете выбрать один из двух источников.

SharedCount.com является рекомендуемой опцией для плагина. Если вы выберете эту опцию, счет будет получен из API сервиса SharedCount. Если вы выберете опцию «Native», подсчет общего ресурса будет получен из соответствующей социальной службы, например, Facebook API для Facebook и т.д.

Этот метод может замедлить ваш сайт, поэтому мы рекомендуем выбрать SharedCount.com в качестве источника подсчета. Далее вы увидите поле для ключа API SharedCount.

Вы можете получить API SharedCount, зарегистрировавшись на бесплатной основе на веб-сайте SharedCount.com.

Регистрация проходит обычным способом, адрес электронной почты и пароль.

Теперь веб-сайт отправит ссылку для подтверждения на ваш адрес электронной почты. Вам нужно нажать на ссылку, чтобы подтвердить его.

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

Далее необходимо щелкнуть раскрывающееся меню и выбрать «Настройки». Отсюда вы найдете свой ключ API SharedCount.

Вам нужно скопировать ключ API и вернуться на страницу настроек вашего. Теперь вставьте ключ API в поле «Ключ API SharedCount».

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

Если хотите показать общее количество, вы можете поставить галочку рядом с опцией «Только общее количество». Мы также рекомендуем установить флажок, чтобы скрыть пустые значения вместо отображения нуля (0).

Далее вы увидите новое поле «Общее количество» в разделе «Отображение». Это позволяет вам показать общее количество действий вместе с вашими кнопками.

Не забываем «Сохранить изменения». Теперь вы можете посетить свой веб-сайт, чтобы увидеть кнопки социальных сетей с общим количеством для каждого сообщения в блоге.

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

Обычно кнопки социальных сетей обычно не добавляются на страницы WordPress. Но, вы можете использовать шорткод Shared Counts: [[shared_counts]].

Вы можете добавить его в любом месте на вашем веб-сайте для отображения кнопок обмена. Итак, в редакторе блоков WordPress есть блок шорткодов.

Просто добавьте блок в свою область контента, а затем вставьте шорткод Shared Counts.

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

Добавление плавающей панели социальных сетей в WordPress

Еще один популярный способ отображения кнопок социальных сетей – это добавление плавающей панели социальных сетей. Это социальное меню для совместного использования, которое отображается на экранах пользователей при прокрутке вниз.

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

Для этого вам необходимо установить и активировать плагин Sassy Social Share.

После активации плагин добавит новый пункт меню с надписью «Sassy Social Share». Нажав на нее, вы попадете на страницу настроек плагина.

Во-первых, вам нужно выбрать стиль иконок. Плагин поставляется с квадратными, закругленными и прямоугольными кнопками.

Вы можете выбрать стили как для плавающей социальной панели общего доступа, так и для стандартной панели общего доступа.

Далее необходимо перейти на вкладку «Стандартный интерфейс». Отсюда вы можете включить или отключить стандартные статические кнопки социального обмена.

Мы рекомендуем использовать плавающие или статичные социальные кнопки. Использование обоих параметров будет излишним.

Затем вам нужно переключиться на вкладку «Плавающий интерфейс» и установить флажок «Enable Floating sharing interface (Включить интерфейс обмена с плавающей точкой)».

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

Теперь вы можете посетить свой веб-сайт, чтобы увидеть плавающие кнопки социальных сетей в действии. Вот как это выглядело на нашем демо-сайте.

Как видите ничего сложного здесь нет. Все делается легко и просто. Ну что у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!