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

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

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

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

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

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

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

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

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

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

Второй плагин: 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» Вы найдете в левой части. Кликаем её и попадаем на главную страницу плагина, но нам она не нужна, нас интересует «Добавить проект» (см. фото).

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

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

Заголовок

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

Button text

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

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

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

Default message

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

Short url

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

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

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

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

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

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

 

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

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

Контент

 

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

Виджет

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

 

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

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

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

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

Код вида: <?php echo do_shortcode(‘

‘) ?>, позволит нам вставить социальные кнопки в любое место в шаблоне, для этого необходимо отредактировать один из файлов шаблона. Но этот способ я считаю запредельным и бесполезным и может подойти только в черезвычайно нестандартных ситуациях.

Удачи!

Оценка статьи

Полная фигняУзнал немного новогоНормальная статьяХорошая статьяСупер! (1 оценок, среднее: 5,00 из 5)
Загрузка...

Добавить комментарий

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

Подпишитесь на рассылку и получайте новые статьи на почту