Рассылка блога

Форма подписки

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

Напишите мне

Your message was successfully sent.
Thank You!

Яндекс.Метрика
Яндекс цитирования
DevilArt.name - cервис анализа сайтов
Счетчик PR-CY.Rank
Счетчик PR-CY.Rank

Плагины кнопок соцсетей

 Плагины кнопок соцсетей

          Плагины кнопок соцсетейПо мере развития сайта приходит желание обеспечить посетителям наиболее удобное и комфортное посещение сайта, работу с контентом. Хочется предоставить больше возможностей для быстрого нахождения нас в социальных сетях, а также желание посетителя легко поделиться понравившейся статьей с другом. Раньше мы рассматривали установку кнопок социальных сетей и установили их на страницах нашего сайта. Теперь же рассмотрим установку плагинов дополнительных кнопок соцсетей , таких как, кнопка «Наверх», плавающие кнопки соцсетей, которые все время при прокрутке остаются на виду.  Покажем установку кнопок наших профилей в соцсетях в сайт баре.

          Поиск плагинов, загрузка на сайт и их установка подробно приведены в статье «Cекреты установки и настройки необходимых плагинов». Здесь же больше внимания уделим настройке загруженных и установленных плагинов.

Кнопка «Наверх»

          Сначала установим кнопку, хотя и не относящуюся к социальным сетям, но не менее полезную. При достаточно большом объеме статьи, когда посетитель в процессе чтения прокручивает страницу, возникает естественное желание для повторного просмотра каких-то деталей быстро возвратиться в начало страницы. Такое возвращение обеспечивает кнопка «Наверх». Установка ее производится с помощью плагина ScrollToTopPlugin. Этот плагин невозможно найти из административной панели сайта, поэтому скачиваем его на компьютер с официального сайта «DynamicWP».  По ссылке http://www.dynamicwp.net/plugins/scroll-to-top-plugin/ открывается главная страница сайта (рисунок 1).

Плагины кнопок соцсетей

Рисунок 1. Главная страница сайта "DynamicWP"

 

На ней находим ссылку на скачивание (рисунок 2) и скачиваем плагин на свой компьютер.

Плагины кнопок соцсетей

Рисунок 2. Ссылка на скачивание плагина Scroll To Top Plugin

 

Далее загружаем его, устанавливаем и активируем, как описано в статье «Cекреты установки и настройки необходимых плагинов».  Отметим только, что необходимо в окне настройки плагина (рисунок 4), открывающемся по нажатию на кнопку «ScrolltoTop» в списке «Параметры»  консоли админпанели (рисунок 3), ввести требуемое значение скорости прокрутки в милисекундах и с какой строки при прокрутке вниз должна появляться кнопка. Нажимаем кнопку «Update Settings»  (рисунок 4).

Плагины кнопок соцсетей

Рисунок 3. Консоль админпанели

Плагины кнопок соцсетей

Рисунок 4. Окно настройки плагина «Scroll to Top»

 

В результате при прокрутке вниз до 350-ой строки справа экрана появляется кнопка «Наверх» (рисунок 5), при нажатии на которую нас возвращает в начало страницы.

Плагины кнопок соцсетей

Рисунок 5. Кнопка «Наверх»

 

Плавающие кнопки соцсетей

          Для установки плавающих кнопок соцсетей применяется плагин Socialize-it. Находим, загружаем и устанавливаем его прямо в админпанели своего сайта. Алгоритм известный: консоль —> плагины —> добавить новый —> поиск —> ввод наименования плагина Socialize-it —> установить —> активировать —> параметры —> Socialize-it —> окно установки параметров (рисунок 6). В окне установки выбираем нужные нам соцсети по их иконкам, размер отображаемых кнопок, отмечаем вертикальное или горизонтальное расположение кнопок и вводим параметры расположения: отступ сверху, выравнивание, боковой отступ. Параметры расположения подбираем экспериментально, поскольку на расположение кнопок могут оказывать влияние параметры и свойства установленной темы. Значения бокового отступа могут быть и отрицательными.

Плагины кнопок соцсетей

Рисунок 6. Окно установки параметров плагина Socialize-it

 

Кнопки профиля в соцсетях

          Для установки кнопок профиля в виджетах находим плагин SocialProfilesWidget также из админпанели своего сайта. Алгоритм почти тот же, что и в предыдущем случае. Отличие состоит в том, что активированный плагин для настройки ищем не в параметрах, а в окне «Виджеты».  Итак, алгоритм: консоль —>  плагины —> добавить новый —> поиск —> ввод наименования плагина Social Profiles Widget —> установить —> активировать —> окно «Виджеты» —> Social Profiles Widget —> планку виджета перетаскиваем в окошко виджетов и нажимаем на треугольник в правой части планки виджета —> открывается  окно установки параметров (рисунок 7).

Плагины кнопок соцсетей

Рисунок 7. Окно настройки параметров плагина «Я в соцсетях»

 

В окошко «Title» вводим название, например, «Я в соцсетях». Выбираем размер кнопок. В окошки напротив иконок выбранных соцсетей вводим ссылки на наши профили (аккаунты) в этих соцсетях из поисковых строк в браузере. Нажимаем кнопку «Сохранить».

В дополнение к статье процесс нахождения, установки и настройки плагинов посмотрите в видео уроке Владимира Киприянова «Создаем блог на WordPress».

 


 

 

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

Нравится


Яндекс.Метрика

Понравилась статья? Поделитесь с друзьями! Нажмите на кнопочки!
Приглашаю присоединиться:

Похожие статьи

16 комментариев к записи Плагины кнопок соцсетей

Страница 1 из 11
  • FIvYurs сказал:

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

  • антолий сказал:

    Пробовал скачать с админки вордпрес

    Загрузка архива с https://downloads.wordpress.org/plugin/socialize-it.1.3.zip…

    Загрузка не удалась. Not Found

    Вернуться к установщику плагинов

    Стрелочки установил плагином Scroll Top and Bottom плюс этого прокрутка верх и в низ. Для кнопок не подскажете еще чего то?

  • Александр сказал:

    Все отлично! По мере развития сайтика уже и кнопка «наверх» нужна. Спасибо вам Леонид.

  • admin сказал:

    В этой же статье, как установить плавающие сбоку сайта.

  • Валерия сказал:

    Здравствуйте!
    А у меня такой вопрос. Мой сайт создан на вордпресс и кнопки соцсетей я уже установила к записям, но надо еще к отдельным страницам. Не подскажете, как это сделать?

  • Сергей сказал:

    Леонид, приношу свои извинения! Всё работает, плавающие кнопки установил, но… на свой другой сайт — http://yakrasavitca.ru/
    Оказывается, всё дело в установленной теме. Тема моего первого сайта http://v-skazku.ru/ почему-то блокирует подобные установки. Кнопку «Вверх» она тоже отвергает; всё это я поставил на свою Красавицу.
    Этот сайт я только начал делать и он у меня ещё почти пустой. Но кнопки на него устанавливаются хорошо.
    Удачи, Леонид!

  • Сергей сказал:

    Вы 2 раза отвечали, но я ни разу от вас ничего не получал! Почту проверяю регулярно и здесь ничего нет!

  • admin сказал:

    Сергей, я Вам два раза отвечал.
    Внимательно смотрите настройки.
    Все работает. К сожалению, не могу за Вас
    поставить кнопки.
    Удачи!

  • Сергей сказал:

    Леонид, до вас не достучишься! Зачем тогда писать вам комментарии?

  • Сергей сказал:

    Леонид, я так и не дождался от вас ответа: почему кнопки не появляются на сайте? Параметры менял по-разному — всё бесполезно!

  • Сергей сказал:

    Решил установить Плавающие кнопки соцсетей — как ни менял параметры, они вообще не появляются на сайте…

  • admin сказал:

    Она и так не мешает.
    Удачи!

  • Игорь сказал:

    За кнопку наверх спасибо. Давно думал поставить. Сейчас поставил. Как бы ее еще левее немножко сдвинуть, мне кажется сильно к краю прижата.

  • Лидия сказал:

    Спасибо. Для меня очень нужная информация.

  • Ирина сказал:

    Давно искала эту информацию, начинаю установку, спасибо.

  • Жужик сказал:

    А отлично изложено. Мне очень понравилось. Неприметно воспользуюсь данными советами.

Страница 1 из 11

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

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

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Рад приветствовать!

Подписаться

Архивы

Хостинг для Wordpress сайтов