Приветствую вас, дорогие читатели!
В этой статье я покажу вам, как сделать кнопки социальных сетей для сайта WordPress. Мы будем использовать плагины, темы и виджеты HTML. Последний вариант подходит не всем и не всегда. Но я все равно расскажу об этом, потому что не все вебмастера хотят покупать отдельный шаблон или устанавливать дополнительные расширения на свою CMS.
Как я строю свой дом на юге Переходи на канал и подписывайся
Для чего нужны социальные кнопки
С помощью этих кнопок ваши гости могут легко делиться интересным контентом в своих социальных сетях. Это позволит получить ссылку из толпы и улучшить поведенческие факторы на сайте. В свою очередь, все эти аспекты сыграют положительную роль в посещаемости.
Помимо кнопок «Поделиться», вы можете просто размещать ссылки на свои социальные сети. Люди, зашедшие на ваш сайт из поисковых систем, увидят, что, например, в ВКонтакте есть группа с рекламой. Они будут чаще подписываться и заходить на ваш проект, а чем больше постоянных читателей зайдет на ваш сайт, тем выше вы будете в результатах поиска.
Кроме того, социальные кнопки повышают удобство использования сайта. А сейчас, как известно, роботы поисковых систем уделяют этому фактору особое внимание. Особенно это актуально для коммерческих площадок, таких как интернет-магазины или крупные порталы.
Так что, казалось бы, простая вещь несет в себе массу полезных преимуществ для вашего проекта. Что мы можем сказать, даже если страница с ошибкой 404 оказывает огромное влияние на ранжирование? Тут нечему удивляться.
Плагины
Это самый простой и в то же время эффективный вариант, который подойдет большинству веб-мастеров. Вам нужно только установить расширение и минимально его настроить, обо всем остальном уже позаботились за вас. Вот список самых популярных плагинов социальных кнопок для WordPress.
Но перед этим стоит отметить, что расширения могут нагружать вашу CMS или конфликтовать с другими плагинами или шаблонами. Если ваш сайт перестает работать после установки одного из следующих расширений, не волнуйтесь. Вам просто нужно удалить плагин, после чего все сделанные им изменения будут автоматически отменены.
Также советую делать резервную копию всех файлов сайта перед любыми изменениями. Затем вы можете легко восстановить его в прежнее состояние.
AddToAny Share Buttons
Один из самых популярных плагинов для размещения кнопок «Поделиться» на страницах сайта с ВП. Расширение имеет интуитивно понятный интерфейс и множество настроек этих самых кнопок. Базовую версию можно установить прямо из каталога, за расширенную придется платить.
Тем не менее, бесплатной версии должно быть достаточно для вас. На скриншоте выше показан только один вариант этих кнопок. На самом деле в расширении гораздо больше, вы сами в этом убедитесь, когда установите его и зайдете в настройки.
Все иконки можно настроить, выбрать их размер и порядок размещения. Вы также можете выбрать места, где будут отображаться эти самые значки. Как правило, они размещаются внутри статей и страниц после материала. Но поставить их можно и в любое другое место, нужно только изменить параметр «Расположение» в настройках.
Вы также можете изменить текст, который будет отображаться при наведении курсора на кнопки. Для этого есть отдельный пункт в настройках. Поддерживают русский язык, но качество перевода оставляет желать лучшего. Но об этом можно не беспокоиться – настройка интуитивно понятна и проста, он обязательно разберется.
Вы можете установить это расширение прямо из каталога WordPress. Просто зайдите в «Плагины» — «Добавить новый», введите название в поле поиска и нажмите кнопку «Установить», затем «Активировать». Параметры плагина можно найти в меню «Настройки» — «Социальные закладки”.
Social Media Share Buttons & Social Sharing Icons
Отличный модуль с длинным названием, который имеет самый высокий рейтинг среди плагинов социальных кнопок в WordPress. Ставлю на второе только потому, что у русскоязычных пользователей, особенно начинающих, могут возникнуть проблемы с настройкой.
К сожалению, поддержки русского языка нет, а само расширение выглядит довольно громоздко и страшно. Но это не мешает ему выполнять свою основную функцию: добавлять кнопки социальных сетей на ваш сайт.
Поэтому при желании можно разобраться во всех параметрах плагина. Это не составит труда, интерфейс хоть и говорит по-английски, но все равно вполне понятен.
Выбор кнопок представлен в виде изображений с пояснениями. Используя флажки, вы можете легко отметить те, которые вы хотите использовать. Но, к сожалению, базовой версии будет недостаточно для русскоязычного сегмента. Кнопка ВКонтакте доступна только в премиум-версии.
В основе более-менее популярных у пользователей СНГ вариантов — Twitter, YouTube, Instagram. Но не спешите расстраиваться, можно сделать кастомную кнопку и добавить туда любую социальную сеть. Правда, для этого придется потрудиться: найти качественную иконку, добавить ссылку самостоятельно.
В модуле также есть возможность добавить форму подписки на email-рассылку. Его можно разместить как виджет в сайдбаре, сайдбаре сайта.
Вы можете установить базовую версию модуля прямо из каталога. После активации вы можете выполнять настройку шаг за шагом. Как говорят разработчики плагина, в случае возникновения проблем вы можете обращаться на их форум (уведомление со ссылкой появится в админке) прямо на русском языке. Они постараются помочь.
В каталоге есть очень похожее расширение, но с кривым русским переводом. Можно установить, если совсем не дружите с английским.
WordPress Share Buttons Plugin – AddThis
Простой на вид модуль, позволяющий размещать кнопки на сайте WordPress. Этот плагин представляет собой интеграцию известного сервиса AddThis, с его помощью можно создать кнопку «Поделиться» практически для любой социальной сети. Сам модуль также очень универсален и позволяет работать с большим количеством сервисов из разных стран.
Чтобы воспользоваться всеми преимуществами, вам потребуется создать учетную запись на сервисе и авторизоваться в ней через окно, которое будет доступно прямо в панели управления WordPress. Сложностей с этим возникнуть не должно, но после регистрации и авторизации вы сможете добавить кнопку практически из любой социальной сети на свой сайт.
Иконки можно размещать в любом месте на сайте. С настройками там конечно не очень понятно. Многие новички просто не понимают значения той или иной переменной.
Вы также можете использовать шорткоды для настройки отображения того или иного набора иконок для каждой статьи или страницы. То же самое можно сделать с помощью специального окна «AddThis Tools», которое будет появляться в каждой таксономии.
HTML-код
Кнопки также можно добавить с помощью html-кода. Здесь мы не будем рассматривать самостоятельную разработку скриптов, добавляющих иконки. Вместо этого мы обратимся к готовым дизайнерам, которые помогут нам легко создать собственную версию панели «Поделиться”.
Блок “Поделиться” от Яндекса
Яндекс уже позаботился о вебмастерах и создал удобный конструктор, работающий со всеми известными соцсетями. Вы можете выбрать нужные социальные сети, размер значка, после чего сервис выдаст вам код, который нужно вставить в нужное место на сайте.
Вы можете выбрать один из нескольких вариантов отображения:
- Только значки — Простые значки, как на скриншоте.
- Счетчики: рядом с иконками будет отображаться количество людей, которые поделились вашим материалом.
- Иконки и меню: несколько иконок и кнопка рядом с ней, открывающая окно со всеми остальными.
- Небольшой размер: только маленькие иконки.
После завершения настройки необходимо скопировать содержимое поля «Код», а затем вставить его в нужное место на сайте.
AddThis
Англоязычный сервис, который поможет вам создать социальные кнопки по своему вкусу и получить готовый код интеграции. Чаще всего используется для самописных сайтов.
Для VP есть отдельный плагин, поддерживающий интеграцию с этим сервисом. Но вы, если не хотите перегружать систему, можете просто вставить код в шаблон страницы.
Сервис бесплатный, а значит, вы можете войти прямо сейчас и создать там аккаунт. После этого вы можете перейти к дизайнеру, чтобы создать панель с иконками социальных сетей.
Share42.com
Очень простой и понятный сервис на русском языке. Он содержит большое количество различных настроек и опций. Вы можете зайти на официальный сайт и убедиться в этом сами.
После выбора значков и их размера можно выбрать тип кода. Есть специальные опции для WordPress и Joomla. Для всех остальных CMS – стандартно. Но это все равно будет работать.
Код также нужно будет вставить в шаблон страницы.
Темы оформления
В некоторых шаблонах WordPress уже есть кнопки социальных сетей. Это могут быть бесплатные темы из каталога или премиум-версии из магазинов. Если вы найдете такую тему, вам не придется устанавливать дополнительные плагины или размещать какой-либо код.
Если вы только думаете о создании своего проекта, не помешает заглянуть в магазин шаблонов и поискать там варианты с социальными кнопками.
Если вы еще не определились, могу проконсультировать по вопросу Root. В нем просто есть все возможности для создания крутого информационного проекта и кнопок социальных сетей среди них.
Вы также можете посетить магазин шаблонов ThemeForest, чтобы просмотреть темы кнопок. Почти все популярные шаблоны имеют этот функционал.
Заключение
Есть много способов разместить кнопки социальных сетей на веб-сайте. Кто-то предпочтет собственный хостинг-код конструктора, кто-то захочет установить плагин и не думать ни о чем другом, а кто-то предпочтет выбрать правильный шаблон.
При выборе нужно оглядываться на собственный ресурс. Слишком много плагинов и добавление еще одного будет проблемой? Затем вы можете создать с помощью конструктора и разместить код вручную.
Они не хотят? Затем вы можете просто изменить шаблон на тот, который поддерживает такой функционал. Все зависит от вашего решения. Каждый вариант имеет свои плюсы и минусы.
Если вы хотите лучше понять, как заработать на информационных сайтах, предлагаю вам посетить курс Василия Блинова “Как создать сайт”. В ней автор максимально подробно рассматривает все нюансы создания собственного проекта монетизации. Весь курс разбит на блоки с уроками. Обучение последовательно проводится в удобной интерактивной форме с заданиями и общением с опытными веб-мастерами.