Как добавить кнопки социальных сетей на сайт

Приветствую Вас на своём блоге, в этой статье я поделюсь с Вами как добавить кнопки социальных сетей на сайт WordPress. Для увеличения посещаемости на вашем сайте. Ведь трафик из социальных сетей кроме того, что бесплатный, но и довольна токи существенный и пренебрегать им не стоит.

Есть несколько вариантов установки этих кнопок. Можно использовать специальные сервисы, но для этого надо быть знакомым с html-кодами. Но если Вы новичок и не знаете, как пользоваться HTML-годом или боитесь туда лезть то можно использоваться плагины кнопок социальных сетей для wordpress.

 

Плагин, добавить кнопки социальных сетей на сайт wordpress

В интернете можно найти достаточное количество таких плагинов, я для себя выбрал плагин Uptolike Social Share Buttons.

Возможности плагина.

  • Плагин на русском языке и лёгок в настройке
  • Можно устанавливать кнопки без знания html-кода
  • Кнопки устанавливаются в любое место сайта
  • Можно вести статистику по переходам из админ-панели сайта

         Установка плагина

Входите в админ-панель своего сайта и выбираете вкладку «Плагины». Далее в поисковой строке (в правом верхнем углу) набираете Uptolike и нажимаете кнопку «Установить», после установки нажимаете кнопку «Активировать».

Плагин

После активации на панели сайта появится вкладка «UpToLike» нажимаете на неё и входите в настройки плагина.

Кнопки панели

Поделиться

У плагина есть три вкладки «Конструктор», «Статистика», «Настройки».

         Конструктор.

Этот блок настраивает, кнопки каких социальных сетей будут видеть посетители сайта.

Кнопки

Для того чтобы увидеть кнопки других социальных сетей нужно нажать на кнопку «Ещё социальные сети» и выбрать какие будут нужны . Кнопки можно менять между собой местами, подведя курсор к кнопки и зажав левую кнопку мыши перетащить кнопку в нужное месть.

Ниже находятся дополнительные настройки.

Настройки

Есть настройка кнопок под мобильные устройства.

Настройка «Цитирование» позволяет выделить понравившийся текст и поделиться им со своими друзьями в соц. сети.

Настройка «Наверх» добавляет в блок ещё одну кнопку, чтобы подняться в верх страницы.

Отключить кнопку «…», убирает из блока одну кнопок дополнительный выбор соц. сетей.

Настройка «Показать всплывающее окно с предложением подписаться» – позволяет пригласить  посетителя сайта в свою группу в выбранной соцсети.

Ниже производятся настройки расположения блока кнопок.

Расположение блока

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

Производится настройка внешнего вида кнопок. Кнопки можно сделать круглыми, квадратными и квадратными со скруглёнными углами. Размер кнопок можно делать маленькими, средними и большими.

К кнопкам можно добавить счётчик.

Счётчик

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

Можно менять внешний вид кнопок.

Стиль кнопки

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

Для разнообразия можно установить эффекты при наведении на кнопку.

Эффекты

При наведении на кнопку курсором она будет крутиться или увеличиваться в зависимости от выбора, но можно и без эффекта.

В блоке кнопок можно менять фон, выбрав на прозрачном или выбрать цвет фона из палитры цветов.

Так же можно настроить внешний вид счётчика изменив его размер, цвет шрифта и фон самого счётчика.

Теперь нужно сохранить сделанные настройки нажав на кнопку «Сохранить изменения», в самом низу.

Настройки.

При нажатии вкладки «Настройки» появляется меню отображения блока кнопок.

Настройка блока

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

Настройки блока

Так же настраивается расположение блока, снизу или сверху.

Выравнивание блока кнопок по центру, по левому краю или по правому краю.

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

Как видите плагин настраивается легко и на работу сайта в плане скорости загрузки я изменений не увидел.

Хотел бы узнать Ваше мнение, как добавить кнопки социальных сетей на сайт. Пишите в комментариях, всё ли понятно я написал. Делитесь статьёй в соц. сетях.

С уважением Борис Житний.

Продолжение статьи здесь.

 

Как добавить кнопки социальных сетей на сайт

Как добавить кнопки социальных сетей на сайт: 8 комментариев

  • 07.03.2017 в 23:24
    Permalink

    Отличная статья !!! все понятно и доступно, главное полезно!

    Ответить
    • 08.03.2017 в 15:02
      Permalink

      Спасибо! Главное полезная.

      Ответить
  • 08.03.2017 в 04:47
    Permalink

    Очень многие блогеры используют для вывода социальных кнопок не плагины, а встраиваемый код в шаблон. К сожалению, для новичков такой вариант неприемлем, так как можно сломать свой шаблон. А с плагином работать очень приятно, он хорошо адаптируется к теме и его дизайн можно быстро сменить.

    Ответить
    • 08.03.2017 в 14:56
      Permalink

      Вы совершенно правы Ирина, с плагином работать удобней.

      Ответить
  • 26.03.2017 в 17:19
    Permalink

    Я, кнопки соц.сетей установил от Яндекса. Интересно можно или нет через этот плагин установить всего лишь только кнопку на верх?

    Ответить
  • 08.06.2017 в 17:08
    Permalink

    Спасибо, статья полезна очень. У меня тоже кнопки соц.сетей от Яндекса. В каждой записи (в статье) каждый раз вставляю код. С плагином нужно 1 раз разобраться по Вашей статье, и дальше время будет экономиться.

    Ответить
    • 09.06.2017 в 09:01
      Permalink

      Плагин действительно удобный и легко настраивается, а если сайт продвигаете через соц. сети то это в двойне удобней.

      Ответить
  • 07.12.2017 в 22:29
    Permalink

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

    Ответить

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

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