Еще одни кнопки социальных сетей для сайта

кнопки социальных сетей для сайтаКнопки социальных сетей для сайта не обсуждал только совсем ленивый. И не мудрено. Плагинов и сервисов  для этой цели - огромное количество.

Мне больше всего нравятся плавающие кнопки. Панель, которая не уходит с экрана пользователя при прокручивании страницы. Поэтому я установила себе на блог кнопки Share42.

Но как-то разговаривала со своей читательницей по скайпу. Она делилась со мной экраном. на котором был отображен мой сайт. И к своему ужасу я увидела, что мои плавающие кнопки закрывают приличный кусок текста на мониторе. Поинтересовалась, и выслушала. что эти кнопки очень мешают знакомиться информацией на моем блоге.

Оказывается, на экранах меньше 980 рх, кнопки наплывают на текст. Пришлось срочно убирать код кнопок и искать им замену. Некоторое время не пользовалась плавающими кнопками. И как-то этот вопрос отложила. Но при подготовки одно из блогов под заказ, практически случайно нашла универсальный плагин. Который устанавливает как плавающие кнопки, так и просто под/над текстом.
Это плагин AddToAny Share Buttons. Находтся в коллекции плагинов WordPress. Очень легок в настройках.

Устанавливаем плагин, как я уже сказала, через форму поиска - Плагины - Добавить новый. Просто копируем в моей статье название. вводим в форму поиска, он выпадает первым, кликаем установить и активируем. Находим его в Настройках под именем - СоцЗакладки.

У плагина две вкладки настроек: Просто кнопки и Плавающие кнопки.

Вкладка - Стандартные

Стандартные настройки
1. Выбор размера.

Большой, маленький и Самостоятельный выбор. Если Вы установите кнопку рядом со словом Custom, справа появится окно, где вы можете ввести размер кнопки в пикселях, такой как считаете нужным.

2. Стандартные кнопки

Проще, выбор кнопок, которые Вы бы хотели, что бы Ваши читатели видели воочию. Плагин предлагает очень много кнопок (сколько - считать не стала). Просто нажмите - Добавить/Удалить сервисы - и увидите огромное их количество. Не переживайте, все эти кнопки Ваш посетитель увидит, как только нажмет на синий плюсик...
После выбора, Вы можете переставить кнопки местами. Для этого надо просто навести кусор мышки на кнопку, появится якорь, кнопку мышки держите зажатой, и меняйте кнопки местами.

3. Универсальная кнопка (Плюсик)

Конец строки с кнопками должен быть завершен. Обычно это плюс и слова, призывающие к действию. (Кстати, Вы их можете поменять в первой строке - в поле за плюсом.)
Можете выбрать любое окончание строки. Даже собственное. Выбор за Вами.

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

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

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

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

Вкладка - Плавающие

Вертикальное расположение

вертикальное расположение

 

Первые две строчки говорят о том, что плавающие кнопки будут находится в фиксированном положении даже при прокрутке. А так же, что в плавающих кнопках не могут отображаться флажки, такие например как, Like. Я думаю, это справедливо, так как они должны быть аккуратными.

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

Слева, справа, не отображать.

Отклик.

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

Позиция.

Здесь надо установить отступ в пикселях от верзней кромки экрана, что бы кнопки не прилипали, а находились на уровне середины монитора. Я установила 100.

Смещение.

Если установите "0", то кнопки будут "Прилеплены" к кромке. Не советую сдвигать внутрь экрана. Помните мой горький опыт...

Горизонтальные кнопки

Горизонтальные кнопки

Плагин дает возможность не просто удалить вертикальные плавающие кнопки с маленького экрана, но и установить на них горизонтальные плавающие кнопки.

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

Выбираем расположение слева, справа или не отображать.

Отклик

Отображать только на экранах менее 981 рх

Позиция

Если хотите отодвинуть кнопки от угла, не важно, левого или правого, установите на сколько пиекселей. Если оставите - 0, значит кнопки будут отображаться в углу экрана.

Смещение - прилипание кнопок к кромке экрана. Так же как и у вертикальных.

Не забудьте сохранить изменения.

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

Удачной работы!

Related Posts Plugin for WordPress, Blogger...

About Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ!
Плагины Word Press, , Permalink

3 комментариев к Еще одни кнопки социальных сетей для сайта

  1. Очень рада, что сумела помочь…

  2. Владимир says:

    Ирина, спасибо Вам огромное за данный плагин! Весь интернет перерыл и не нашёл о таком информации! Моему заказчику было нужно именно, чтобы кнопки соцсетей можно было перемещать ближе к контенту! Спасибо! Добавляю Ваш сайт в закладки! Ваши статьи уже два раза мне помогли!

  3. Мария says:

    Большое спасибо, Ирина! Эти кнопки — то что нужно! И устанавливаются легко, и не глючат. Очень вовремя Ваша статья — давно искала такой невесомый и удобный плагин.

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