Социальный плагин 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

Настройка

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

addtoany share buttons меню

Размер и фон

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

icon style

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

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

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

добавить удалить сервисы

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

share buttons icons

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

share buttons add

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

share buttons

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

universal button

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

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

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

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

sharing header

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

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

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

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

настройки расположения

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

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

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

настройка расположения

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

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

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

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

additional css

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

.addtoany_header {
font-weight: 400
}

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

save vse

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

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

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

Итог

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

пример social buttons

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

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

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

Делитесь полезной информацией с друзьями:

Рекомендую:

Книга «Wordpress для начинающих» Дэрил Бартлетт Книга «Wordpress для начинающих» Дэрил Бартлетт
Книга «Создание веб-сайта для чайников» Дэвид Кроудер Книга «Создание веб-сайта для чайников» Дэвид Кроудер

Сергей

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

Читайте также:

комментариев 6

  1. Касьян:

    Автор, спасибо за статью! То что доктор прописал))))

  2. Макс:

    Отличный плагин, простой, легкий, без лишних наворотов.

  3. сергей:

    в Опере, Мозиле и Хроме всё в порядке, но в Сафари иконки отображаются как цветные квадратики, а не как иконки. есть ли решение?

    • Сергей:

      С сафари вечные приколы. У меня на работе постоянно возникают подобные проблемы. Оттестировать на винде сафари не могу, так как она давно не обновляется под эту ось. Нужно писать разрабам плуга.

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

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


3 + 7 =


Вверх