X
    Categories: Создание сайта

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

Здравствуйте, уважаемые читатели моего блога!

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

Немного отвлекусь и поделюсь новостями.

Новость 1. Я вернулся с отдыха в Крыму и вчера перенес блог на новый хостинг mchost.ru, о котором обязательно напишу в ближайшее время. Все произошло быстро, ребята из поддержки все сделали за 10 минут, мне оставалось только изменить настройки dns и подождать двое суток до их активации.

Новость 2. В следующем посте стартует марафон кроссвордов, чтобы не пропустить, рекомендую подписаться на обновления ! . Всего я опубликую 5 кроссвордов, победит тот, кто отгадает каждый кроссворд и отправит мне ключевые слова. Чем раньше отправите ключевое слово, тем больше баллов получите за каждый кроссворд. Затем баллы суммируются,  и я называю победителей.  Призы будут вручены за 1, 2, 3 места и один приз случайному счастливчику из участников конкурса.  Призовой фонд конкурса 600 рублей будет распределен следующим образом: за первое место 250, за второе 150, третье 100 и случайный счастливчик (не призер!) получит 100 рублей.

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

Для публикации таких заметок очень часто приходится в них публиковать различные коды — php, html, java и другие. Если просто разместить код в теле заметки, то при публикации он не отобразится. Очень просто можно вывести html код при помощи небольшого скрипта, как это сделать, я писал в этой статье:

Вставить html код в статью вордпресс без плагина

Для   чего нужны кнопки социальных сетей на блоге?

  1. Улучшают поведенческие факторы;
  2. На ваш сайт идут ссылки с трастовых ресурсов, хоть и не индексируются, но учитываются поисковиками;
  3. Могут значительно повысить популярность и посещаемость;
  4. О вашем блоге узнают друзья, затем друзья друзей и так далее, получается эффект “снежного кома”
  5. Оживляют ваш ресурс, делают его более привлекательным.

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

Весь процесс установки состоит из 3 шагов:

  1. Загружаем иконки социальных сетей на хостинг

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

Далее есть 2 способа:

  • Заливаем изображения кнопок на хостинг при помощи  Filezilla. Для этого создаем в корневой папке новый каталог и закачиваем на сервер иконки социальных сетей
  • Заходим в админку сайта, нажимаем “Добавить медиафайл”, затем  в поле “Обзор” добавляем  нужные изображения. Когда изображение загрузилось, жмем “Редактировать” и копируем адреса картинок (смотрите рисунок)

 

далее…

Затем копируем для кода адрес загруженной кнопки (полностью!):

 

        2.  Пишем и редактируем html-код

Для написания кода вы можете воспользоваться различными программами для этого, можете даже родным редактором WordPress. Для редактирования используйте бесплатную программу  Notepad++. Если хотите, можете использовать готовый код с моего блога, вам только нужно подкорректировать адреса изображений и адреса своих профилей в соцсетях (смотрите на рисунках ниже), на которые будет попадать читатель, кликнувший по иконке социальной сети.

 

Хотите узнать, как вывести красиво html, php-код в статье, прочтите мой пост про установку плагина Wp-syntax

 3. Установка html-кода на блог WordPress

 Для этого мы заходим в админку вашего блога, выбираем “Внешний вид” => “Виджеты”=> “Виджет Текст”. После этого копируем наш html-код   и вставляем в виджет, выбираем номер “Позиция” в сайдбаре и жмем “Сохранить”.

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

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

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

Интересные статьи по данной теме:

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

Плагин “заплати лайком” установка, настройка

Работа с аудиторией на блоге

виджет твиттер на сайт за пару минут

С уважением, Вилков Николай

Все статьи блога

Хотите в числе первых узнавать о новых статьях и курсах?

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

Николай Вилков :