Приветствую, Вас, посетители блога inetsovety.ru. В этой статье я хочу показать, как установить на свой сайт плавающую панель с кнопками соцсетей. Эту панель Вы можете видеть слева.

Сделать это можно с помощью сервиса share42.com. Сайт предоставляет возможность настроить под свои требования и предпочтения скрипт плавающей панели с кнопками социальных сетей. Далее этот скрипт легко устанавливается на Ваш сайт и не создает большой нагрузки на хостинг, как плагин с такими же функциями. Установить этот скрипт можно не только на сайт на WordPress, но и на другие движки. На сайте можно на любой вкус сделать плавающую панель соц закладок. Всего для выбора представлено 43 кнопки.

Последовательность действий по добавлению плавающей панели с кнопками соцсетей:

1. Переходите на сайт share42.com. На вкладке генератор, Вы должны настроить на свой вкус будущую панель с кнопками.
2. В первом пункте выберите размер кнопок, выделите кнопки соцсетей, которые хотите видеть на плавающей панели. Кнопки можно менять местами, для этого перетяните кнопку в нужное место последовательности.
3. Во втором пункте установите настройки, как на картинке ниже. Если Вы добавили в плавающую панель кнопку RSS, то укажите в соответствующем поле адрес RSS.
4. Нажмите на кнопку просмотра панели, которую Вы настроили, если, что-то не нравится, то можно сразу же поменять. Далее скачайте настроенный скрипт плавающей панели на компьютер. И перейдите на вкладку Установка.
5. Следуйте инструкции на вкладке Установка. Первым делом распакуйте архив и загрузите через FTP папку со скриптом на хостинг в корневую папку сайта public_html.
6. Далее на странице установка укажите путь до папки. Если Вы скопировали папку в public_html, то укажите адрес в таком формате: http://вашсайт.ru/share42/.
7. Потом выберите движок на котором работает Ваш сайт.
8. В пятом пункте нужно вставить код в шаблон сайта. Я, например, на своем сайте хочу, чтобы плавающая панель отображалась только в  полных статьях. Поэтому я вставила этот код в файл single.php. У себя я вставила код перед <div class=»entry»>. В какое место в Вашем шаблоне нужно вставлять я однозначно сказать не могу, все зависит от шаблона. Пробуйте и подберете правильное место.
9. Осталось в файл стилей style.css вставить код, который отвечает за положение панели относительно контента. Строка z-index: 1000; отвечает за смещение плавающей панели сверху (я для своего шаблона установила 500).  Изменяя значение margin-left: -70px;  Вы смещаете панель влево от блока контента. Так как в моем шаблоне 2 сайдбара, то мне нужно было сместить панель влево от контента на -295px. Для Вашего шаблона это значение будет другим. Подбирайте и у Вас  получится расположить панель в нужном месте.

На этом установка плавающей панели с кнопками соцсетей завершена. Не забывайте делать анонсы своих статей через аккаунты в соцсетях. Это ускорит их индексацию.

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