WordPress-блог

Терпенье и труд...

Плагин кнопок социальных сетей для WordPress

Есть большое разнообразие плагинов, которые создают кнопки социальных сетей для шаринга, то есть поделиться. Но многие из них обладают одним недостатком — в них нет социальных сетей, популярных в Рунете, например, ВКонтакте, Мой мир и Одноклассники. В этой статье я расскажу вам про замечательный плагин социальных сетей, у которого нет такого недостатка.

Рассматриваемый плагин называется Sassy Social Share. Кроме того, что он поддерживает соцсети Рунета, в нём есть и другие достоинства — например, радует большое количество настроек, которые позволяют создать блок с кнопками по своему вкусу, а также более 100 поддерживаемых сервисов. 

Давайте расскажу обо всём подробно.

Плагин кнопок социальный сетей

Как настроить плагин кнопок социальных сетей Sassy Social Share

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

Теперь перейдите к его настройкам, в пункт консоли «Sassy Social Share». Здесь вы увидите несколько вкладок. 

Theme Selection

Вкладка "Theme Selection"
Настройки «Theme Selection»

Здесь настраивается внешний вид кнопок, то есть тема. Вы увидите, что страница опций поделена на две части — «Standard interface theme» и «Floating interface theme» (стандартная тема и плавающая тема, соответственно). Стандартная отображается непосредственно в тексте записей и страницы, а плавающая представляет собой блок, не привязанный к какому-либо элементу, который всегда видно, независимо от прокрутки страницы. Оба варианта имеют одинаковые опции.

  • On Hover Icon Preview. Интерактивный предпросмотр иконок. При настройке изменения сразу здесь отображаются. 
  • Shape. Это форма иконки — круглая, квадратная или прямоугольная.
  • Size (in pixels). Указывается размер иконки в пикселях. Если выбрана квадратная, то можно указать степень закругления углов. А если выбрана прямоугольная, то можно указать длину и высоту.
  • Logo Color. Это цвет логотипа. Если оставить поле пустым, то цвет будет по умолчанию. В поле «Default» указывается цвет в обычно состоянии, а в «On Hover» — при наведении мышки.
  • Background Color. То же самое, что и «Logo Color», только для фона кнопки
  • Border. Опция определяет границы иконки. В разделе «Defoult» опция «Border Width» — это толщина границы, а «Border Color» — цвет. То же самое в «On Hover», но только при наведении мышки.
  • Counter Position (applies, if counter enabled). Если включен счётчик шаринга (об этом ниже), то здесь можно выбрать его позицию относительно кнопок.

Standart interface 

Вкладка "Standart interface"
Вкладка "Standart interface"
Опции «Standart interface» (на скриншоте не полный список опций).

Здесь плагин кнопок социальный сетей позволяет настроить функции иконок в стандартном интерфейсе. То есть в том блоке, который появляется в контенте. 

  • Enable Standard sharing interface. Если поставить галочку, то иконки социальный сетей будут отображаться в контенте. 
  • Target Url. Здесь можно выбрать, какая ссылка будет шариться: «Url of the webpage where icons are located (default)» — ссылка, на которой расположены кнопки; «Url of the homepage of your website» — главная страница сайта; «Custom url» — любая заданная ссылка.
  • Title. Задаётся заголовок для блока с кнопками соцсетей. Например, можно написать «Поделиться».
  • Rearrange icons. Можно задать порядок значков, перетащив их мышкой. 
  • Select Sharing Services. Можно выбрать галочками  соцсети, в которых можно будет поделиться, которые будут отображаться в блоке с кнопками. Их очень много, и можно воспользоваться формой поиска для удобства. На момент написания этого обзора, плагин кнопок социальных сетей поддерживает более 100 сервисов, среди которых есть все соцсети, популярные в Рунете. 
  • Horizontal alignment. Горизонтальное выравнивание блока — слева, по центру, справа. 
  • Position with respect to content. Позиция относительно контента — сверху или снизу.
  • Placement. Можно выбрать типы страниц, на которых будут отображаться эти кнопки.
  • Show share counts. Опция включает счётчик шаринга. Не все социальные сети это поддерживают. 
  • Show total shares. Включает отображение суммарного количества шаринга.
  • Enable ‘More’ icon. Включает кнопку, нажатие на которую отобразит возможность поделиться во всех остальных сервисах. 

Floating interface 

Вкладка "Floating interface"
Вкладка "Floating interface"
Опции «Floating interface» (на скриншоте не полный список опций).

Здесь настраивается внешний вид плавающего блока кнопок. В целом во вкладке «Floating interface« всё очень похоже на «Standart interface» за исключением нескольких опций. Поэтому я не буду подробно расписывать данную вкладку настроек, что бы не повторяться. 

Miscellaneous

Вкладка "Miscellaneous"
Вкладка "Miscellaneous"
Опции «Miscellaneous» (на скриншоте не полный список опций).

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

  • Load Javascript files in footer. Включает загрузку скриптов в подвале сайта, полезно для скорости.
  • Delete all the options on plugin deletion. Удаляет следы плагина в базе данных при удалении самого плагина. 
  • Refresh Share Count cache every. Время жизни кеша. 
  • Url shortener. Ряд опций, которые позволяют настроить укорачивание ссылок с помощью сервиса bit.ly.
  • Language. Язык сайта. 
  • Username in sharing. Опции для настройки аккаунта Twitter. 
  • Enable sharing on AMP pages. Распространяет функции плагина на AMP страницы. 
  • Custom CSS. Можно добавить собственный CSS. 

Shortcode & Widget

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

Troubleshooter

Вкладка для устранения неполадок с плагином.

FAQ 

Список часто задаваемых вопросов по работе с плагином. Но всё на английском языке. 

УжасноПлохоНормальноХорошоОтлично (1 оценок, среднее: 5,00 из 5)

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

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

 

WordPress-блог © 2015-2017