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

Для установки кнопок социальных сетей на сайт, заходим по ссылке http://share.pluso.ru. В открывшемся окошке сайта в разделе конструктор, мы видим различные стили кнопок социальных сетей.

19-03-2016 11-54-30

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

Выбор нужной социальной сети

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

Таким способом мы можем выбрать или удалить любую социальную сеть. Например, я хочу убрать название социальной сети – Мой мир @Mail.ru.

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

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

Таким же путем, мы удаляем кнопки социальных сетей – отправить на email  и печатать. Итак, мы выбрали социальные сети  — ВКонтакте, Одноклассники, Facebook, Twitter, Google+ и  Blogger. Какие кнопки социальных сетей добавить или удалить, каждый выбирает по своему усмотрению.

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

Дальше cпускаемся в середину страницы сайта pluso.ru. Там, в предварительном просмотре, видим все кнопки социальных сетей, которые мы выбрали. Правее предварительного просмотра есть  настройки.19-03-2016 11-58-18

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

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

Код для копирования

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

Далее заходим на свой сайт. Сайт находиться на движке WordPress. В консоли сайта выбираем внешний вид, потом редактор.   В редакторе справа есть колонка шаблоны. В шаблоне выбираем строку — Одна запись (single.php), нажав на нее левой клавишей мышки клавиатуры.

Редактирование темы WordPress

Открывается раздел редактирования темы. Далее выбираем текст имеющий запись – content. Ниже или выше этой записи, мы и будем размещать наш код кнопок социальных сетей. Для этого, необходимо нажать правую клавишу мыши и выбрать — вставить. Наш код размещен. Нажимаем на кнопку обновить файл.19-03-2016 12-03-20

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

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

19-03-2016 12-04-33

Таким же путем можно установить кнопки социальных сетей и в других разделах сайта. Для этого, необходимо вновь возвратиться в редактор консоли WordPress, зайти  в шаблон и  выбрать строку  — шаблон страницы  (page.php), а далее проделать все действия, которые были указаны ранее.

Итак,  кнопки социальных сетей установлены. С поставленной задачей, как установить кнопки социальных сетей на сайт, мы справились.

Также можно посмотреть видео по установке кнопок социальных сетей на сайт.

Это все, чем я хотел поделиться в этой статье. Надеюсь, вы найдете что-то полезное для себя. Удачи Вам!

С уважением, Михаил Сойкин.

Спасибо, что поделились статьей в социальных сетях!

 

 

 

 

Запись опубликована в рубрике Продвижение. Добавьте в закладки постоянную ссылку.

9 комментариев на «Как установить кнопки социальных сетей на сайт»

  1. Наталья говорит:

    Хорошая статья, Михаил! Я у себя на блоге установила кнопки социальных сетей.

    [Ответить]

  2. Михаил Сойкин говорит:

    Наталья, я очень рад что моя статья Вам помогла. Успехов.

    [Ответить]

  3. Дмитрий говорит:

    Хороший сервис, долгое время им пользовался. Сейчас взял на вооружение кнопки от Яндекса, но Pluso по внешнему виду мне больше нравились!

    [Ответить]

  4. Михаил Сойкин говорит:

    Дмитрий! Спасибо за комментарий.

    [Ответить]

  5. Алена говорит:

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

    [Ответить]

  6. Михаил Сойкин говорит:

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

    [Ответить]

  7. Любовь говорит:

    Добрый день, Михаил! Что-то не верится, что новичок, все сделано слишком хорошо. и контент сразу же привлекает внимание — похоже, что успех Вам обеспечен.
    Удачи!

    [Ответить]

  8. Михаил Сойкин говорит:

    Здравствуйте,Любовь. Не совсем конечно все хорошо, еще предстоит большая, постоянная работа в этом направлении. Надеюсь в итоге, что у нас все получиться. Успехов.

    [Ответить]

  9. Юлия говорит:

    Хороший сервис. Мне в нем нравится, что можно посмотреть статистику кликов по кнопкам, прямо в личном кабинете.

    [Ответить]

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

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