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

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

Добрый день, дорогие друзья!

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

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

Статистика по использованию социальной сети ВК

По официальным данным TNS web index, только в ВК сегодня зарегистрировано 49.8 миллионов пользователей от 12 до 64 лет:

контакт

Аудитория ВК

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

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

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

Есть замечательный сайт Pluso — кнопки для добавления  контента в социальные сети. Сайт интуитивно понятный, не требует дополнительной регистрации.

кнопки

Внешний вид сайта Pluso

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

Затем формируем внешний вид кнопок: большие или маленькие, цвет, фон, форму, расположение, счётчик.

вид кнопок

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

При этом формируется Html — код,

Html - код

Html — код

который нужно скопировать в буфер и сохранить, например в Блокноте.

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

Нам встретится новый термин —  виджет.

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

В блоге виджеты — это графические модули, которые находятся чаще всего слева  в Сайдбаре, реже в Футере — подвале, и видны на всех страницах блога.

Далее, нам нужно вставить Html — кодкн3  кнопок социальных сетей   на блог.

Самый простой способ — это вставить кнопки социальных сетей в Сайдбар вашего блога.

Для этого выполняем следующие шаги.

В админпанели выбираем  → Внешний вид → Настроить → Виджеты → Текст. Перемещаем этот виджет в Сайдбар → Пишем заголовок, а в поле Текст вставляем наш Html — код.

Как вставить кнопки соц. сетей

И в результате получаем, например такой вид, как на моём блоге

кнопки для соц.сетей

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

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

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

Копируем код кнопок социальных сетей, затем переходим в Консоли → Внешний вид → Редактор → Одна запись (single.php) → вставляем код социальных кнопок.

Одна запись

Код одной записи

В данном случае можно поэкспериментировать. Можно вставить кнопки социальных сетей в начало статьи, перед комментариями или после комментариев.

 Главное, перед тем как редактировать код одной записи, его предварительно нужно сохранить, например в Блокноте. Это сделать нужно обязательно, так как, если что —  то пойдёт не так, код всегда  можно будет восстановить.

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

код одной записи

В результате получилось вот так

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

Как у меня на блоге

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

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

Если статья была полезна пишите в комментариях.

Если что — то непонятно, задавайте вопросы.

С уважением к Вашим успехам, Ирина

.

Новости блога

Это Вы ещё не читали!

5 комментариев

  1. Очень полезная статья. Как раз собираюсь поставить в свой блог кнопки. Буду делать по этой статье. Спасибо!
    С уважением, автор блога ПУТИ К ЗДОРОВЬЮ, Алина Таранец

    • Ирина Сорокина:

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

  2. Очень полезная статья. Как раз собираюсь поставить в свой блог кнопки. Буду делать по этой статье. Спасибо!
    С уважением, автор блога ПУТИ К ЗДОРОВЬЮ, Алина Таранец

  3. Ольга:

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

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

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

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