Настройка и установка кнопок социальных сетей Pluso
Всем известно, что социальные кнопки играют большую роль для сайтов. Ну, не будем о роли, а сразу перейдём к практическому вопросу. Сервис Pluso представляет собой конструктор социальных кнопок. Преимущество Pluso перед другими сервисами социальных кнопок заключается в возможности тонкой настройки внешнего вида кнопок. Есть несколько готовых для установки стилей. Вы можете выбрать наиболее подходящий стиль для дизайна Вашего сайта.
Перейдите на сайт сервиса Pluso. Перед Вами откроется конструктор:
Здесь выбираете необходимый стиль кнопок и социальные сети. Добавляются социальные сети путём перетаскивания мышкой из правой колонки в левую. Ниже Вы можете просматривать как будут выглядеть Ваши кнопки и сделать им необходимые настройки:
После всех настроек копируете расположенный ниже код и вставляете его в необходимое место.
Теперь немного о том как и куда ко можно вставлять. Исходный код можно вставить в отдельный виджет. Если хотите, чтобы кнопки были в каждой записи, то код придётся вставлять в файле single.php, а если на страницах, то в файле page.php Эти способы я не пробовал, а вот как поставить кнопки вертикально с правой или с левой стороны страницы (пример на моём сайте) я Вам опишу.
Для такого расположения кнопок необходимо в исходный код добавить стили. В коде после скрипта внизу прописан вот такой контейнер:
1 2 3 | <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рх; Цифрой регулируете величину отступа.
Теперь этот код вставляйте в любой текстовый виджет своего сайта. Не устанавливайте для кода отдельный виджет, ставьте его в любой, который у Вас уже имеется, это на содержание виджета никак не повлияет.
Статья была полезной?