Социальный плагин AddToAny Share Buttons and Icons

 

---

Всем привет! Сегодня хочу рассказать о плагине для расшаривания контента в социальные сети AddToAny Share Buttons and Icons.

На практике мало кто кликает по кнопкам «поделиться». Но пока люди это делают, есть резон использовать специальные плагины для вывода социальных кнопок. Из всех плагинов, с которыми мне доводилось сталкиваться, на мой взгляд, самый простой и легковесный — это AddToAny Share Buttons and Icons.

Установка AddToAny Share Buttons and Icons

Давайте же его установим и активируем:

Настройка

После активации AddToAny Share Buttons and Icons наведите курсор мыши на «Настройки» и кликните по «СоцЗакладки»:

Размер и фон

Обратите внимание на блок «Icon Style»:

В нём можно выбрать размер иконок, указать цвет переднего и заднего фона.

Добавление иконок

Далее, обратите внимание, в блоке «Share Buttons», на «Добавить/Удалить сервисы»:

После клика на «Добавить/Удалить сервисы» отобразятся все доступные социальные сети:

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

Иконки можно менять местами, для этого зажмите кнопку мыши и перетащите значок:

Выбираем все нужные иконки и переходим к блоку «Universal Button»:

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

к оглавлению ↑

Заголовок блока социальных иконок

Двигаемся дальше в настройках плагина AddToAny Share Buttons. Далее, нас интересует блок «Sharing Header»:

В нём можно указать текст с призывом к действию, например: Поделись, не будь редиской!

к оглавлению ↑

Страницы вывода иконок

Переходим к блоку «Настройки расположения»:

к оглавлению ↑

Место вывода иконок

В опции «Показать кнопки соц. Закладок» можно выбрать расположение иконок:

Я убрал галки возле следующих опций:

• Показать кнопки соц. закладок под заметками на главной странице
• Display at the под of posts on archive pages (отображать под анонсами постов и в архивах)
• Показать кнопки соц. закладок под страницами
• Display at the под of media pages (отображать в конце медиастраниц)

к оглавлению ↑

Жирность заголовка блока иконок

Далее, советую сделать жирным подпись социальных иконок (призыв к действию). Для этого нам нужно указать настройки для авторского стиля плагина AddToAny Share Buttons. Кликните по стрелке вниз в блоке «Additional CSS» и в пустом поле укажите следующее:

Ниже можете скопировать этот код и вставить себе:

.addtoany_header {
font-weight: 400
}

Теперь можете сохраниться:

к оглавлению ↑

Позиционирование

В самом верху страницы настройки плагина AddToAny Share Buttons, вы уже могли заметить, две вкладки. Вторая вкладка «Floating» отвечает за позиционирование и привязку элемента. Я не менял настройки, потому как положение социальных кнопок по умолчанию меня устраивает. Если есть желание можете поэкспериментировать самостоятельно.

Итог

Как выглядят и работаю иконки выводимые плагином можете посмотреть в конце этой статьи:

Почему плагин, а не интеграция кода

Почему я не предложил вариант вставки кода в шаблон постов, а рекомендую плагин AddToAny Share Buttons? Всё дело в тренде той или иной социально сети. Неизвестно что будет завтра, и какая социальная сеть станет востребованной. В плагине всё легко изменить, а с кодом нужно помучиться. Также советую прочесть статью «Нужен ли атрибут nofollow».

Плагин AddToAny Share Buttons носит рекомендательный характер. Мне он нравится всем. Спасибо что прочли статью. Появятся вопросы по настройке плагина, задавайте их в комментариях. Всем удачи, до новых статей.