logo

Кнопки от сервиса Pluso

Настройка и установка кнопок социальных сетей Pluso

Всем известно, что социальные кнопки играют большую роль для сайтов. Ну, не будем о роли, а сразу перейдём к практическому вопросу. Сервис Pluso представляет собой конструктор социальных кнопок. Преимущество Pluso перед другими сервисами социальных кнопок заключается в возможности тонкой настройки внешнего вида кнопок. Есть несколько готовых для установки стилей. Вы можете выбрать наиболее подходящий стиль для дизайна Вашего сайта.

Перейдите на сайт сервиса Pluso. Перед Вами откроется конструктор:

конструкторЗдесь выбираете необходимый стиль кнопок и социальные сети. Добавляются социальные сети путём перетаскивания мышкой из правой колонки в левую. Ниже Вы можете просматривать как будут выглядеть Ваши кнопки и сделать им необходимые настройки:

настройкиПосле всех настроек копируете расположенный ниже код и вставляете его в необходимое место.

код

Теперь немного о том как и куда ко можно вставлять. Исходный код можно вставить в отдельный виджет. Если хотите, чтобы кнопки были в каждой записи, то код придётся вставлять в файле single.php, а если на страницах, то в файле page.php Эти способы я не пробовал, а вот как поставить кнопки вертикально с правой или с левой стороны страницы (пример на моём сайте) я Вам опишу.

Для такого расположения кнопок необходимо в исходный код добавить стили. В коде после скрипта внизу прописан вот такой контейнер:

<div class="pluso" data-background="#ebebeb" data-options="big,square,line,horizontal,counter,theme=04" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print"></div>

Сразу после <div class="pluso" пропишите следующие стили -  style="display:scroll; position:fixed; top:200px; left:2px;"

Настройки:

top:200px; - отступ блока кнопок от верхнего края страницы, цифрой регулируйте расположение для себя.

left:2px; - отступ от левого края. Если хотите поставить справа, то пишите right: 2рх; Цифрой регулируете величину отступа.

Теперь этот код вставляйте в любой текстовый виджет своего сайта. Не устанавливайте для кода отдельный виджет, ставьте его в любой, который у Вас уже имеется, это на содержание виджета никак не повлияет.

Кнопки от сервиса Pluso обновлено: Апрель 10, 2017 автором: admin

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

▲Вверх