1 Веб-мастеру 0

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

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

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

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

Выбирайте только те соц. сети, которые вам действительно нужны. Чаще всего это 4-6 самых популярных сайтов. Справа вы увидите код, который вам нужно будет скопировать для вставки кнопок на ваш сайт. Куда копировать? Туда, где вы хотите чтобы стояли эти кнопки. Чаще всего их ставят в самых них статьи, чтобы читатели после прочтения могли сразу же поделиться. Именно так поступил и я. Поскольку у меня WordPress, я расскажу, как вставить кнопки в его шаблоны.

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

Даже если вы не знаете HTML я дам вам подсказку. Если вы планируете вставить кнопки в начале статьи, то найдите в коде шаблона первый блок (div) и вставьте код туда. Хорошо, когда в коде шаблона есть комментарии разработчика. Опирайтесь на них. Например, POST START, CONTENT START, POST END — такие пометки явно показывают, что здесь начинается или заканчивается статья.

куда вставить код социальных кнопок

Видите в коде ‘bp_after_post_content’? Тут даже интуитивно понятно, что это уже конец статьи. Именно перед этим фрагментом кода я создал блок, куда и вставил код Яндекс кнопок.

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

Социальные кнопки для сайта на WordPress

WordPress имеет очень много плагинов, которые позволяют максимально упростить для вас установку социальных кнопок. Из них я бы порекомендовал Juiz Social Post Sharer. Этот плагин социальных кнопок для wordpress обладает интуитивно понятными настройками и отображает приятные на вид кнопочки. Всего есть 8 вариантов внешнего вида. Всего можно выбрать 11 социальных сетей. По сравнению с Яндекс.кнопками это меньше.плагин социальных кнопок для wordpress

Например, здесь нет «Одноклассников», «Мой Мир», «Livejournal». Все-таки плагин сделан зарубежным разработчиком, поэтому такие особенности. Зато в настройке все очень просто. Вы можете выбрать, для каких типов публикаций отображать кнопки, а также где именно их выводить. Можно же вообще отключить автоматическое добавление иконок и вставлять их самостоятельно через шорткод.

В общем-то настройки плагина предельно просты, так что комментировать их нет особого смысла.

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

Минуточку вашего внимания: Все мы хотим размещать свои сайты на надежном хостинге. Я проанализировал сотни хостингов и нашел лучший - HostIQ В сети сотни положительных отзывов о нем, средняя оценка пользователей - 4.8 из 5. Пусть вашим сайтам будет хорошо.

Полезное вебмастеру

Бесплатный курс по HTML

Премиум уроки по созданию сайта

Полный SEO-курс. Новинка 2016!