Cоциальные кнопки для WordPress

Cоциальные кнопки для Wordpress

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

Содержание

Первый плагин: Social Share Buttons for WordPress

Страница плагина: https://ru.wordpress.org/plugins/share-buttons/

Скачать плагин Вы можете как со страницы по выше приведенной ссылке, так и из админки WordPress, для этого Вам потребуется пройти в административную панель своего сайта, затем пройти в раздел «Плагины» и после этого кликнуть ссылку «Добавить новый» (см. фото).

Установка плагина Social Share Buttons

Жмем кнопку «Установить» и после установки жмем кнопку «Активировать». После этого слева внизу у Вас появится ссылка «Share Buttons». Настройки данного плагина весьма элементарны и у Вас не должно возникнуть существенных проблем с его настройкой. Единственное в основных настройках в самом низу советую заполнить поле, указав в нем свой никнейм в твиттере:

Поле для логина в Twitter

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

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

А вот так выглядит результат настройки плагина:

Результат работы плагина Social Share Buttons

Не самый шикарный вид, но зато просто, надежно и без хлопот.

Второй плагин: Social Share Buttons by Supsystic

Страница плагина: https://ru.wordpress.org/plugins/social-share-buttons-by-supsystic/

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

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

  • Создание нескольких «проектов» с определенным набором опций и внешним видом кнопок.
  • Возможность одновременно настроить отображение кнопок в постах сверху и снизу.
  • Возможность вставить кнопки в любом месте сайта с помощью shortcode, что позволит вставить кнопки в любую часть текста, а PHP код дает возможность вставить кнопки в любую часть шаблона.

Как я и говорил, плагин Social Share Buttons by Supsystic в настройке чуть сложнее чем первый плагин. Давайте вместе попробуем разобраться как работает этот плагин. После установки и активации нам необходимо пройти на страницу управления плагином, ссылку «Social Share Buttons by Supsystic» Вы найдете в левой части. Кликаем её и попадаем на главную страницу плагина, но нам она не нужна, нас интересует «Добавить проект» (см. фото).

Создание проекта в настройках плагина Social Share Buttons by Supsystic

Жмем эту ссылку и попадаем на страницу добавления проекта, там нет ничего сложного, в поле указываем наименование проекта и жмем «Create», в всплывшем окошке выбираем нужные нам социальные сети и подтверждаем нажатием кнопки «Create».

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

Заголовок

Заголовок кнопки поделиться плагина Social Share Buttons by Supsystic

Поле «Заголовок» отвечает за всплывающую подсказку при наведенном курсоре на кнопку, в качестве примера можете нвести курсор на одн из кнопок социальных сетей в нначале или в конце данной статьи.

Button text

Поле для текста кнопки

Текст из этого поля отображается на кнопке социальной сети при условии если выбран шаблон кнопок поддерживающий текст. Эти шаблоны содержат надпись «Share» на каждой кнопке (см. фото).

Результат настройки плагина Social Share Buttons by Supsystic

Выбрать и настроить шаблон Вы сможете перейдя на вкладку «Design».

Настройка дизайна социальных кнопок Social Share Buttons by Supsystic

С настройкой шаблона кнопок у Вас не должно возникнуть никаких проблем, поскольку настройки элементарны.

Default message

Поле для сообщения по умолчанию

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

Результат расшаривания страницы в твиттере

Short url

Поле для включения коротких ссылок

Не заморачивался данной опцией, но очевидно что она позволяет публиковать ссылку на сайт с помощью сервисов short url типа bit.ly, goo.gl и т.д. Лично по мне, так это дебилизм сокращать ссылки поскольку твиттер и так использует свою «сокращалку» t.co. И нет разницы какой длинны Вы публикуете ссылку в твиттер. Если не верите, то проведите эксперимент. Добавьте в поле твита короткую ссылку и ссылку на результаты поиска Google и увидите что и та и другая отнимаю равное количество символов. Вот Вам в качестве примера:

Поле для твита со вставленой небольшой ссылкой
Поле для твита с очень длинной ссылкой

Как видите независимо от длинны ссылки, она отнимает 23 символа и в обоих случаях мы можем ввести ещё 117 символов текста. Тогда смысл портить твит ссылками «сокращалок»?

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

Где показывать

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

Боковая панель

Расположение социальных кнопок в боковой части сайта

Выбрав пункт «Боковая панель» мы задаем кнопкам фиксированное расположение в окне браузера и выбирая пункты«Вверху», «Внизу» и т.д. указываем с какой стороны будут располагаться кнопки. (см.фото).

Результат расположения социальных кнопок в боковой части сайта

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

Контент

Выбор расположения социальных кнопок в области контента

Если мы хотим расположить кнопки непосредственно возле содержимого (текста), то нам нужен пункт «Контент», выбираем его, затем нужный вариант. Я лично выбрал «Выше и ниже контента», что бы читатели могли поделиться статьей либо начав её читать, либо после того, как закончат чтение. Удобно ведь? Я считаю вполне. И «Center», это значит кнопки будут сдвинуты по центру по горизонтали.

Виджет

Выбор расположения социальных кнопок в области виджетов

Не самый лучший вариант размещения кнопок, но разработчики решили предусмотреть и такой вариант размещения. Обратите внимание на то, что данный пункт не подразумевает никаких дополнительных параметров, мы просто выбираем пункт «Виджет» и сохранить проект. После этого нам потребуется перейти в настройки шаблона и добавить виджет в нужную нам область (см. фото).

Добавление виджета с социальными кнопками

Добавляем виджет, сохраняем изменения и наблюдаем вот такой результат:

Результат расположение социальные кнопки в виджете

Согласитесь не очень вариант? Идем дальше.

Шорткод или PHP код

Расположение социальных кнопок с помощью шорткода и PHP-кода

Данный способ размещения позволяет нам вставить социальные кнопки в любом месте, где только мы этого захотим. Код вида: [supsуstic-social-sharing id=’2′], позволяет вставить социальные кнопки в любое место где есть возможность редактировать текст.

Код вида: <?php echo do_shortcode(‘[supsystic-social-sharing id=»2″]’) ?>, позволит нам вставить социальные кнопки в любое место в шаблоне, для этого необходимо отредактировать один из файлов шаблона. Но этот способ я считаю запредельным и бесполезным и может подойти только в черезвычайно нестандартных ситуациях.

Удачи!

На сайте отсутствует реклама

Автор не получает прямой выгоды. Если считаете что материал полезен, поддержите проект

Номер карты

Заранее спасибо!

Бидюков Денис

Эксперт по сайтам

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

2 комментария к “Cоциальные кнопки для WordPress”

  1. Татьяна

    Спасибо, Денис. Ваша статья пришлась мне очень кстати. Действительно очень трудно найти плагины с кнопками «Одноклассников» и » ВКонтакте». И ваши пояснения по настройте, тоже помогли.

    1. Бидюков Денис

      Спасибо Вам, Татьяна за отзыв! Статья старая и возможно какие-то моменты утратили актуальность.

Оставьте комментарий

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