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

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

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

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

Я не говорю, что именно плагины влияют конкретно на скорость загрузки. Но знаю точно, что их количество также влияет на скорость загрузки.
И поэтому решил кнопки социальных сетей установить не с помощью плагина, а просто используя, конструктор социальных сетей «+PLUSO».

Давайте приступим к установке кнопок.

И так для начала заходим на сайт «+PLUSO» SHARE.PLUSO.RU . Это довольно гибкий конструктор , который имеет не плохой функционал, что позволит создать кнопки социальных сетей под тему вашего блога. И это очень здорово.

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

Затем  выберите кнопки социальных сетей, которые вам нужны на блоге. Это очень просто. Правой кнопкой мыши в колонке «Доступны к выбору» удерживайте нужную вам кнопку, и не отпускаю перетащите в колонку «Выбранные сети».

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

Далее нужно настроить еще небольшой ряд параметров:

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

Как будут выглядеть кнопки смотрите в колонке «предпросмотр».

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

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

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

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

Для этого заходим в панель управления во вкладку «Внешний вид» и выбираем вкладку «Редактор». В поле справа спускаемся вниз и выбираем «Отдельная запись», файл (single. php).

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

Теперь нам надо найти строку, которая отвечает за контент. В моем случае <?php the_content (); ?>          Возможно у вас строка будет немножко отличаться от моей, но это не страшно. Найдите похожую строчку со словом «content».

Еще важный момент.

Не забудьте, перед тем как, что то менять в редакторе файла «single.php» скопировать его и сохранить в текстовом документе. Чтоб вы могли без проблем восстановить его.

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

 

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

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

 

С Уважением, Алексей Осотов.

Понравилась статья?

Подпишись на обновления

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

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

© 2018 Блог Алексея Осотова // Дизайн и поддержка: GoodwinPress.ru

Политика конфиденциальности