Плагины и сервисы кнопок социальных сетей для wordpress! Выбирай не хочу! Плагин иконок социальных сетей для WordPress

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

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

Easy Social Share Buttons


Описание | Демонстрация

Этот премиум плагин доступен на CodeCanyon.net за $19. Это один из самых универсальных плагинов подобного рода, благодаря одному простому факту - плагин позволяет размещать бар с кнопками для социальных сетей абсолютно в любом месте, где это может вам понадобиться.

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

При помощи плагина можно добавлять плавающий бар иконок, размещать кнопки сверху/снизу поста, создавать статический или даже плавающий бар иконок для мобильной версии. Вы также сможете использовать триггеры, например, для добавления функций pop-up и fly-in.

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

Monarch от Elegant Themes


Описание |Демонстрация

Monarch - это платный плагин для социальных сетей, который поставляется с тарифными планами Elegant Theme’s Developer и Lifetime Access. Данные планы включают в себя более 85 премиум тем для WordPress и все другие плагины от этого разработчика. К сожалению, политика компании такова, что вы не можете купить отдельно сам только плагин. Вы оплачиваете полный тарифный план и получаете доступ сразу ко всем премиум плагинам и темам разработчика.

Monarch - это отзывчивый плагин, который позволит вам размещать эффектные плавающие бары по бокам поста или статические горизонтальные бары в начале/конце поста. Monarch предоставляет более 20 иконок для социальных сетей, есть image-sharing, pop-up и fly-in функции, а также множество настроек для оформления и дизайна.

Social Warfare

Social Warfare - интересный плагин от компании Warfare Plugins. Он не настолько универсален, как предыдущие два варианта, поскольку позволяет добавлять на сайт только плавающий бар, который прилипает к нижней части экрана. Но этот недостаток компенсируется замечательными ценовыми вариантами и огромным количеством других функций.

Плагин предоставляет аналитику, возможность показывать количество репостов только после того, как постом поделится определенное количество людей, также есть более 75 различных вариантов для оформления. Можно использовать плагин для добавления функции click-to-tweet в ваши посты.

Бесплатные плагины для социальных сетей

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

SumoMe Share


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

SumoMe Share Pro поставляется с дополнительными функциями. Например, здесь есть возможность удалить брендинг SumoMe из вашего бара, можно отслеживать UTM-метки, чтобы узнать, какие социальные сети приносят наибольший трафик и т.д.

GetSocial


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

Разработчики представили и премиум версию плагина (с ежемесячной платой). В ней вы найдете функцию для добавления плавающего бара для мобильных версий и дополнительные варианты дизайна, есть функция click-to-tweet. В платной версии у вас также будет возможность убрать счетчик с кнопок, который отвечает за количество репостов.

AddToAny Share Buttons


AddToAny Share Buttons - это один из самых популярных WordPress плагинов для социальных сетей с более чем 200,000 активных установок. Этот плагин ставит простые плавающие бары по бокам вашего поста, а также в его начале или конце.

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

Custom Share Buttons with Floating Sidebar


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

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

Sharify Social Share Buttons


Это далеко не самый известный плагин, но его отзывчивый и приятный дизайн делают его одним из основных претендентов на звание лидера в нашем списке "Лучшие бесплатные плагины 2016 года". Это простой плагин с действительно отличным, аккуратным дизайном, результат работы которого будет гармонично смотреться на вашем сайте.

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

Заключение

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

А какими плагинами для социальных кнопок пользуетесь вы?

Давайте обратим внимание на некоторые темы WordPress, сделанные специально для социальных сетей.

1. Mingle – Multi-Purpose WordPress Theme

Если вы создаёте свою социальную сеть с помощью BuddyPress, вам необходима Mingle с её функциями и дизайном. Разработанная элитной командой Parallelus, Mingle специально сделана для платформы BuddyPress и имеет большое количество замечательных функций.

Особенности данной темы:

  • редактор контактных полей
  • генератор сайдбаров
  • поддержка HTML5 + CSS3
  • SEO-дружественный код
  • блоги
  • портфолио
  • слайд-шоу
  • шорткоды
  • множество других особенностей.

2. Salutation Responsive WordPress + BuddyPress Theme

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

Кроме того, Salutation имеет некоторые интересные функции:

  • слайдер Revolution
  • возможность перетаскивания drag and drop
  • неограниченный выбор цветов
  • всплывающие поля входа
  • лёгкие настройки
  • блоги
  • виджеты
  • интуитивно понятная админка
  • генератор сайдбаров
  • портфолио
  • совместимость с BuddyPress
  • шорткоды
  • многое другое.

3. Woffice – Intranet/Extranet WordPress Theme

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

Особенности данной темы:

  • поддержка функций BuddyPress
  • менеджер файлов
  • иконки
  • чат и обмен сообщениями
  • форумы
  • шрифты Google
  • отзывчивый дизайн
  • демо версия
  • документация
  • видео-уроки
  • календарь
  • шорткоды
  • bbPress
  • поддержка WMPL
  • чистый код
  • неограниченное число сайдбаров
  • пользовательские виджеты
  • страницы входа пользователей
  • интернет-магазин.

4. Serpent – Responsive Social Network Theme

Эта тема имеет такие широкие возможности, что, вероятно, некоторые из них вам никогда не понадобятся. Serpent – единственная в своём роде тема WordPress, которая может поднять ваш сайт на новый уровень. С ней просто невозможно что-то сделать неправильно.

Разработчики данной темы – респектабельная команда Cosmothemes.

Основные характеристики темы:

Цена включает в себя будущие обновления и 6-месячную поддержку.

5. UnitedCommunity – BuddyPress Theme

UnitedCommunity – многофункциональная тема WordPress для социальных сетей от респектабельной команды Diabolique. Это новая тема, вышедшая 2 сентября 2015 года.

Её примечательные особенности:

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

6. Klein – A Nitty Gritty Community Theme

Если вы ищете идеальную тему WordPress для своей социальной сети, обратите внимание на Klein. Она предоставляет пользователям возможность работы с полнофункциональной социальной сетью, имеет широкий спектр возможностей.

Ваши пользователи могут отправлять неограниченное количество сообщений, делиться событиями, добавлять контакты, обсуждать идеи на форумах и создавать красивые профили пользователей. Вы сможете воспользоваться совместимостью Klein с WooCommerce и продавать товары участникам вашей сети. Кроме того, Klein поддерживает WordPress 4.4, bbPress и BuddyPress, что даёт вам возможность превратить ваш сайт WordPress в популярную социальную сеть.

Другие функции включают в себя:

  • визуальный редактор
  • пользовательские цвета
  • слайдер Revolution
  • совместимость с WPML
  • отзывчивый дизайн
  • интуитивно понятная панель администратора
  • SEO-дружественный код
  • 6 разных шапок + макеты
  • поддержка социальных медиа
  • 1000+ значков шрифтов
  • уведомления
  • множество других функций.

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

Примечание

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

Я уже не раз задавался вопросом, насколько вообще реально построить на базе WordPress социальную сеть? Пусть и не совсем полноценную, но хотя бы некое ее подобие с самым минимальным функционалом.


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

Все было печально до того момента пока мне в очередной раз не попался в руки плагин BuddyPress . Со времен моего последнего контакта с ним (а это было более года назад), он очень изменился, причем в самую лучшую сторону. За время его тестирования и реализации нескольких проектов на его базе, BuddyPress показал себя просто изумительно. Естественно, он не превратит ваш сайт в Facebook или во ВКонтакте, но в части социализации заметно расширит функционал дефолтного WordPress. Именнно на функционале BuddyPress мне бы хотелось сегодня остановиться более подробнее. Чтобы вам было понятнее, для чего нужен BuddyPress.

Итак, самая основная возможность BuddyPress - это профили пользователей. Безусловно, для реализации расширенных профилей есть масса и других плагинов. Продвинутые пользователи могут заметить, что написание собственного расширения профилей - вполне тривиальная задача, с которой справится любой junior-разработчик. Но главная особенность расширенных профилей BuddyPress в том, что они очень тесно интегрируются с другим функционалом плагина, и могут легко расширяться с помощью пользовательских настроек.

Естественно, как и в любом виртуальном комьюнити, в BuddyPress реализованы такие возможности как:

  1. Лента активности и сетевой статус пользователй, которые без каких-либо проблем можно вывести в любом месте вашего сайта;
  2. Взаимодействие пользователей в виде виртуальной дружбы, проще говоря, пользователи могут добавлять друг друга в друзья и объединяться в тематические сообщества (группы) внутри социальной сети;
  3. Пользователи могут общаться внутри сайта с помощью личных сообщений;
  4. При всем при этом, те группы пользователй, которым вы разрешите, могут пользоваться стандартным функционалом WordPress, то есть могут вести полноценные блоги;
  5. Достаточно мощная и гибкая система нотификаций и уведомлений.

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

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

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

На следующей неделе я опубликую свою подборку шаблонов для BuddyPress. Среди которых есть просто шикарные варианты. Оставайтесь .

Всё самое новое и интересное из мира Вордпресс в моём Телеграм-канале . Подписываемся!

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

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

Как сделать социальную сеть на WordPress?

Разработан плагин теми же людьми, что придумали сам движок. Состоит Buddypress из нескольких модулей, поэтому можно не просто сделать социальную сеть, а разработать необычный проект с её элементами. К примеру, можно преобразовать свой блог, добавив на него несколько оригинальных функций.

Несмотря на многофункциональность, получаемую с помощью этого продукта, он предельно прост в использовании. Если вы раньше пользовались WordPress, то без труда установите расширение на свой движок. Работа с Buddypress предоставит вашему проекту следующие возможности:

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

Удобный обмен сообщениями между участниками;

Каждому будут доступны настройки аккаунта (например, можно включить оповещения по Email);

Система взаимосвязей (друзья), отлично проработана и позволяет следить за событиями знакомых;

Сообщества можно будет открывать, за счет запуска групп;

У всех пользователей будет своя лента событий, куда добавляются записи из групп и профилей;

Всем пользователям вы предоставите возможность вести личный блог.

Это ещё не все функции, которые предлагает Buddypress. После установки архива в свой движок, вы получите массу новых инструментов. Перед тем как добавлять их на уже существующий сайт, обязательно проведите тестирование и установите расширение на другой ресурс. Разберитесь в интерфейсе и возможностях, чтобы потом у вас не возникало проблем.

Как пользоваться Buddypress?

Установка проводится также как и добавление любых других плагинов. Когда выполните её и активируете расширение, в меню будет доступен новый пункт:

После перехода к пакету расширений, вы увидите список из 9 отдельных плагинов, отвечающих за разные составляющие социальной сети:

Чтобы вам было проще в этом разобраться, предлагаем ознакомиться, какой из компонентов за что отвечает:

  1. Расширенные настройки профилей.
  2. Обычная настройка аккаунта.
  3. Отвечает за систему добавления друзей.
  4. Приватные сообщения.
  5. Лента новостей.
  6. Группы и сообщества.
  7. Активность на сайте.
  8. Главный компонент Buddypress (его ядро).
  9. Члены сообщества (тоже обязательный плагин.

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

Пользователи Buddypress часто интересуются, есть ли русифицированная версия этого расширения. Появилась она несколько лет назад и доступна для скачивания на сайте Cosydale.com. Создание социальной сети занимает немало времени, но даже если частично внедрить функционал на какой-нибудь блог, он сразу же выделится на фоне конкурентов.

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

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

Плагин Social Icons Widget by WPZOOM позволяет добавлять на ваш сайт практически любые иконки, причем не только относящиеся к социальным сетям. Давайте более подробно рассмотрим, что из себя представляет этот замечательный плагин.

Установка

Здесь всё как обычно - заходим в админку, переходим на страницу Плагины > Добавить новый , в поиск вставляем предварительно скопированное название интересующего нас плагина социальных кнопок, а именно Social Icons Widget by WPZOOM. Далее нажимаем Установить , а затем Активировать .

Добавляем виджет

После того, как плагин был активизирован, можно перейти в Внешний вид > Виджеты . Дальше всё будет зависит от используемой вами темы. В данном случае у меня базовая Twenty Seventeen , в которой предусмотрены 3 варианта размещения виджетов – sidebar (он же боковая колонка), подвал 1 и подвал 2.

Первым делом в списке виджетов (который слева) находим наш плагин социальных кнопок Social Icons by WPZOOM. Нажимаем на него и получаем выпадающий список с перечнем блоков, в которых мы можем разместить эти кнопки. Как только определитесь - нажимайте кнопку Добавить виджет . После этого он появится в одном из блоков справа, а далее можно заняться внимательным изучением предлагаемых опций данного замечательного виджета, нажав на стрелочку справа от его названия.

Настройка виджета

Итак, первое, что нам предлагают - это написать заголовок (Title) для наших кнопок. Англоязычные сайты в основном пишут Follow us (Следите за нами), русским же сайтам больше свойственно просто писать Социальные сети или же вообще ничего не писать. Так что, если вы как раз из той категории людей, то можете просто стереть надпись по умолчанию.

Далее у нас идёт Описание (Description) - короткое описание, которое будет выводится над иконками, можно использовать HTML. Если честно, у меня никогда не возникало необходимости выводить какой-либо текст над иконками, так что я обычно оставляю пустым это поле.

Следующие два пункта как бы интересуются хотите ли вы показывать подписи к иконкам (Show icon labels?) и открывать ли ссылки в новых вкладках (Open links in new tab?). Первый пункт по умолчанию отключен, а второй как раз наоборот (что, в общем-то, и понятно). Если же поставить галочку рядом с пунктом “Show icon labels?”, то под иконками ниже появятся поля с подписями, которые можно редактировать:

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

Едем дальше. Стиль иконок (Icon Style). Тоже очень удобно - иконки можно сделать максимально приближенными по стилю к вашему сайту. Этот плагин социальных кнопок предлагает 2 варианта: цветной фон и белый значок или же цветной значок и прозрачный фон. Первый вариант лично я нахожу более интересным, так как в этом случае можно будет воспользоваться следующей опцией, а именно Стиль фона иконки (Icon Background Style). Здесь уже три варианта: скруглённые углы, круг или квадрат.

После того, как вы определитесь с надписями, стилями и размерами, можно переходить к самим иконкам.

Редактируем иконки

По умолчанию в виджете есть иконки для Facebook, Twitter и Instagram. Можно их оставить, можно удалить, а можно отредактировать - как сами иконки, так и ссылку, на которую они ведут. Чтобы добавить новую иконку нужно нажать кнопку Add more (Добавить ещё). Под кнопкой мелким шрифтом написано, что для того, чтобы добавить иконку с адресом электронной почты, необходимо использовать формат mailto:[email protected] .

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

Дальше как вам удобнее - можно сразу добавить ссылку, а потом редактировать иконку, или же можно поступить наоборот. Ссылка в данной момент интересует меня меньше всего, поэтому я сразу нажму на значок “+” на месте иконки. После чего появится всплывающее окно с настройками иконки.

Здесь можно выбрать цвет иконки, а также набор иконок, который будет удовлетворять вашим потребностям. Нам предлагают следующие наборы: Socicons, Dashicons, Genericons и даже Font Awesome. Когда дело касается социальных иконок, то лично я использую набор Socicons, так как в нём есть действительно большой выбор иконок разнообразных социальных сетей, таких как Одноклассники, Вконтакте, Facebook, 500px, Vimeo, Youtube, Behance, LinkedIn, Google+, Pinterest, а также значки Drupal, WordPress, Windows, Xbox, Wikipedia, Apple, Android и много других. В общем очень удобной набор.

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

Выбрав цвет и иконку нажмите Save (Сохранить) и она появится в виджете. Потом опять нажмите кнопку Add more и повторяйте процедуру пока не добавите все нужные иконки. После чего важно не забыть нажать кнопку Сохранить на самом виджете и всё, иконки социальных сетей появятся на вашем сайте.

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

Оставляйте комментарии, подписывайтесь на наш блог и вступайте в нашу группу

В продолжение темы:
Windows

Представим ситуацию, когда нам потребовалось перенести жесткий диск с установленной Windows 7 на другой компьютер. В таком случае существует большая вероятность того, что на...