Отличный плагин социальных кнопок для сайта на WordPress

2 голоса
Плагин социальных кнопок wordpress

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

Способ, о которой я сейчас расскажу вам, не отнимет больше 20 минут драгоценного времени. Работает ли она и поможет ли существенно увеличить приток читателей? Уверен, что по крайней мере хуже от этого решения не станет. Тестируйте! Чужой опыт – хорошо, а свой – ценнее.

Сегодня мы разберем плагин Социальные кнопки WordPress движка, и как без знаний кода воспользоваться им и дать возможность людям поделиться вашей публикацией со своими друзьями. «Серьезно? И это все? Я ожидал чего-то большего», — можете подумать вы.

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

Не будьте человеком, который отметает любое предложение только потому, что ему лень уделить 10 минут чему-то новому и за год у вас появится тысяча проверенных возможностей! Какие-то оправдают себя, а какие-то нет, но главное – вы попытаетесь и сможете сказать, что делаете максимум из того, что предлагает вам интернет (ТОП-10 лучших способов заработка).

О сетях, которые нам строить и жить помогают

Наверняка вы есть в Одноклассниках, на Facebook или Вконтакте. Даже если вы один из немногих, кто «особо туда не заходит», вы не можете отрицать тот факт, что это одни из самых популярных сайтов на планете. Было бы глупо, если бы разработчик не использовал возможности социальных сетей.

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

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

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

Конечно же, я не обещаю вам, что народ начнет повально разносить по миру благую весть о вашем существовании. Я не стремлюсь вас обмануть. Но если вы сомневаетесь и думаете, что это не принесет ровным счетом ничего, то пожалуйста, побольше уверенности! Вы в любом случае ничего не теряете, в вдруг?

Плагин, который позволит наращивать темпы развития сайта без вашего участия

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

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

В поисковую строчку вводим название Uptolike и тыкаем enter на клавиатуре. Кстати, меня одного немного раздражает, что тут нет кнопки, которой можно было бы посылать запрос при помощи мыши? Пишите в комментариях. Очень интересно ваше мнение. Может устроим революцию? :)

Ориентируйтесь на эту красивую картинку. Нам нужен этот плагин. Кликаем «Установить».

Готово. Осталось только активировать.

Вот так должна измениться ваша панель слева. Там появится новое приложение UpToLike.

Как сделать «красиво»

Естественно вы можете добавить кнопки таким образом, чтобы они не выбивались из общего дизайна и выглядели красиво. Для этого кликаем по приложению UpToLike в панели слева.

Открылся раздел «Конструктор», он-то нам и нужен.

Выбираем те социальные сети, кнопки которые нам нужно добавить. Не выбирайте все подряд. Если их будет слишком много, то это негативно скажется на дизайне сайта. Добавляйте с умом. Пусть меньше, да лучше! Мне, например, кажется что основными являются Контакт, Одноклассники и Фэйсбук.

Ориентируйтесь на вашу целевую аудиторию. Подумайте, где может сидеть человек, который станет читать ваш блог. Вы уверены, что он вообще знает про существование 4Talk?

Кликните на «Адаптировать для мобильных устройств», а затем «Настроить» под этой записью. Сейчас покажу зачем.

Вот такая крутая штука вылезает после нажатия. Здесь есть популярные менеджеры WhatsApp и Viber. Почему бы их не добавить? Так люди смогут поделиться со своими друзьями интересной статьей через планшет или телефон. Это, я считаю, круто. Сам часто пользуюсь такой возможностью.

Далее «Дополнительные настройки». Что тут интересного?

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

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

Наведите мышкой на вопрос рядом с параметром и у вас появится всплывающая подсказка.

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

Вы можете не показывать людям счетчик, отобразить частный (для каждой сети) или сделать общий. Рекомендую последний вариант. Люди охотнее поделятся, если увидят большую цифру. Вспоминаем Антуана де Сент-Экзюпери и его книгу «Маленький принц».

Взрослые любят цифры. От себя добавлю, что большие числа они любят еще больше и если увидят, что записью поделилось уже столько человек, то скорее всего тоже захотят быть в тренде! Законы стаи, что поделать.

Далее определяемся с внешним видом.

Размер и внешний вид счетчика, о котором мы уже говорили.

Готово. Итак, сперва мой тестовый сайт выглядел так.

Но теперь все иначе.

Дополнительные возможности

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

Решать вам.

Не забывайте сохранять изменения.

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

Добавляем кнопки соц сетей без плагина. Способ для продвинутых пользователей

Конечно же, можно обойтись и без плагина. Если у вас есть хоть какие-то знания кода и большое желание, то можете воспользоваться помощью Яндекса и собственными навыками. Итак, заходим на сайт https://tech.yandex.ru/share.

Скролим чуть вниз и видим вот такую форму с набором сервисов. Выбираем нужные социальные сети.

Теперь выбираем внешний вид блока.

Готово. Нам нужен вот этот код. Кстати, этим способом также можно пользоваться если ваш сайт работает на Joomla, любом другом движке или даже совсем без него.

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

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

Открываем нужную папку. Чтобы изменить дизайн, работать придется с темой. Осталось только найти ее. Двигаемся вперед. Кликаем два раза по папке public_html.

Здесь нет темы. Идем дальше. Зайдите в раздел wp-content. Шаблон дизайна, как правило, лежит там.

Нашли. Нам нужна папка themes.

А вот дальше снова загвоздка. Здесь находится две темы. Именно столько у меня установлено на тестовом сайте. У вас может быть больше или меньше. Если вы столкнулись с такой же проблемой, не отчаивайтесь, сейчас покажу что делать.

Заходите в панель администратора вашего движка. Перемещаетесь в раздел «Внешний вид» — «темы» и ищете название активной.

Разобрались. Называются они одинаково. Идем дальше.

Обычно, кнопки социальных сетей помещают в футер. Это не обязательно, чтобы моя статья не превратилась в книгу по css, я покажу вам только этот прием. Если вы особо не разбираетесь в теме, но очень хотите, то можете пройти бесплатный курс по html и css Евгения Попова, там все подробно рассказывается и объясняется. Что, куда и для чего вставлять.

А со временем, как затянет… и в Онлайн Университет поступите и получите современную интернет профессию.

Но, если желания долго учиться нет, а мой вариант вам нравится (результат можно посмотреть в конце публикации), то ищем файл footer.php

Он должен быть тут. Внизу. Если не видите – ищите. Открываем футер.

Вставляете код, который вам состряпал Яндекс в эту «простыню» до закрывающегося тега body.

Готово. Мы его вставили. Не забывайте сохранить.

Все. В нижней части экрана появились нужные иконки. Готово.

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

До новых встреч!

Комментариев к статье: 13

  • Юрий 2016-08-24 в 02:51

    Здравствуйте, Андрей. Информация полезная и понятно подана. Но, у меня такой вопрос… У Вас в сайдбаре под подпиской есть кнопки соцсетей. Они как сделаны? Ручками или тоже плагин? Хочу установить что-то похожее. Спасибо

  • Андрей Зенков 2016-08-24 в 11:36

    Здравствуйте, Юрий. Эти кнопки соц сетей в сайтбаре сделаны вручную, внизу статьи — кнопочки от Яндекса..

    • Руслан 2016-08-25 в 23:45

      Здравствуйте , а скажите можно ли в этом плагине настроить/создать панельку: Социальные контакты : то есть переходы в группы/странички в соц сетях ?

      • Андрей Зенков 2016-08-26 в 17:19

        Здравствуйте, Руслан. Такого функционала в данном плагине не предусмотрено. И мне если честно не совсем понятно зачем Вам это нужно. Просто находите нужную картинку (-и) и делаете их ссылками на нужные группы и странички. Хотя теоретически, если Вы задались таким вопросом, то решение на него уже должно существовать :smile: , поищите в сети.

  • Игорь 2016-09-05 в 04:44

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

    • Андрей Зенков 2016-09-05 в 05:17

      Пожалуйста, рад быть полезным.

  • Валерий 2016-09-05 в 18:54

    Андрей, спасибо большое. Ваша статья как раз очень сильно мне помогла. Все четко, ясно и понятно. :smile:

  • Анастасия 2016-12-08 в 07:07

    Здравствуйте! Открыла для себя этот чудесный плагин, спасибо вам большое:) Подскажите, а как работает функция всплывающего окна с приглашением вступить в группу? «вы можете автоматически приглашать людей в свою группу при помощи всплывающего окна с подсказкой». Никак не могу понять, как его настроить и проверить((

  • Юрий 2016-12-31 в 00:04

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

  • Озноб 2017-02-03 в 07:32

    Спасибо за помощь. Плагин понравился и с установкой все ок!

  • Борис 2017-03-02 в 15:32

    Здравствуйте, Андрей!
    Давно искал подходящий плагин, большое спасибо за статью.
    Протестировал плагин и он мне очень понравился.
    Удачи Вам и процветания!

    • Андрей Зенков 2017-03-02 в 17:30

      Пожалуйста, рад быть полезным.

  • Николай 2017-03-04 в 00:30

    Спасибо. Мне на словах объясняли, так и не запомнил. А тут просто и ясно!

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

  • ;-)
  • :|
  • :x
  • :twisted:
  • :smile:
  • :shock:
  • :sad:
  • :roll:
  • :razz:
  • :oops:
  • :o
  • :mrgreen:
  • :lol:
  • :idea:
  • :grin:
  • :evil:
  • :cry:
  • :cool:
  • :arrow:
  • :???:
  • :?:
  • :!: