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

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

Кнопки можно установить на сайт, который работает на платформе WordPress, посредством специальных плагинов, которых достаточно много в интернете, но лучше сделать по иному.

Содержание:

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

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

На этом сервисе, сразу на главной странице увидим предлагаемый стиль кнопок. Можно выбрать любые по своему вкусу – цветные, черные серые или объемные.

Сервис pluso

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

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

В столбце Выбранные сети расположение кнопок можно менять местами также простым перетаскиванием в любой последовательности, а лишние тут же убрать.

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

Предосмотр кнопок

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

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

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

Далее выбираем, как кнопки будут отображаться на странице – без фона или с фоном. Фон можно выбрать любого цвета из предлагаемой палитры.

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

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

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

Код социальных кнопок

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

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

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

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

Чтобы добавить кнопки под постом, в консоли выбираем вкладку  Внешний вид — Редактор. В правом столбике надо выбрать пункт Одна запись – single.php, так как кнопки лучше добавить в конце каждой записи.

Находим строчку php comments и прямо над ней вставляем скрипт кнопок. Обновляем файл, обновляем страницу и просматриваем установленные кнопки на сайте.

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

Итак, разобрали, как добавить кнопки социальных сетей на сайт при помощи такого популярного сервиса, как Pluso, которым пользуются многие сайтостроители.

Оставьте комментарий

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