Все мы знаем, что без социальных сетей никуда. И связать их со своим сайтом (в том или ином варианте) хочет любой блогер и почти каждый заказчик. Вот и я в очередной раз столкнулась с такой необходимостью. Но проблема заключается в том, что не все темы предусматривают кнопки социальных сетей, а уж русскоязычные социальные сети вообще не пользуются популярностью среди создателей тем для 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 и повторяйте процедуру пока не добавите все нужные иконки. После чего важно не забыть нажать кнопку Сохранить на самом виджете и всё, иконки социальных сетей появятся на вашем сайте.
Надеюсь статья помогла вам решить проблему размещения иконок социальных сетей на вашем сайте.
Оставляйте комментарии, подписывайтесь на наш блог и вступайте в нашу группу
Идея организовать интернет площадку для объединения людей с общими интересами, чтобы впоследствии получить хороший трафик и внедрить систему платной подписки, привлекает многих. Для реализации этой цели в короткие сроки подойдет социальная сеть, построенная на WordPress шаблоне, совместимом с плагинами BuddyPress и bbPress. Именно они обеспечивают полный функционал соцсети: создание профилей, обмен сообщениями, добавление в друзья, общение на форуме, совместная работа над файлами и другие опции.
10 шаблонов для сайта социальной сети на WordPress + BuddyPress
1. Sweet Date
Шаблон для соцсети, предлагающий 2 демо для сайта знакомств и 1 для сайта поиска попутчиков. Сайт на Sweet Date может использовать систему платной подписки и контроль доступа к контенту. Полностью отзывчивый дизайн темы гарантирует, что, открывая сайт на любом устройстве, посетитель получает одинаковый пользовательский опыт.
2. Thrive
Шаблон для интранет и интернет сообществ. Он является универсальной платформой, объединившей в себе функционал социальной сети, форума, систем обмена сообщениями, организации мероприятий, управления проектами и обмена файлами, e-commerce и e-learning (при покупке плагина Learndash).
Подборка по теме:
3. Buddy
Тема, разработанная под Buddypress и bbPress, помогает создать соцсеть с современным дизайном. Buddy использует отзывчивую Retina Ready верстку и библиотеку иконочных шрифтов Font Awesome. Шаблон позволяет легко добавить на сайт такие виджеты, как: «Новые/популярные/активные пользователи», «Новые/популярные группы», «Календарь», «Последние темы на форуме», «Статистика», «Пользователи онлайн».
12 шаблонов форума на BBPress.
4. Socialize
Шаблон по максимуму использует возможности Buddypress, благодаря чему является хорошей основой под сообщество или соцсеть. Socialize полностью изменил дизайн bbPress, внешне приблизив его к классическому стилю форума. Чтобы веб-мастер мог добиться нужного вида отображения контента, в шаблон включено 4 варианта раскладки для главной страницы, 9 — для категорий, 6 — для постов.
5. Klein
Инновационная тема, предназначенная для работы с BuddyPress и bbPress, выполненная с особым вниманием к деталям. Подойдет тем, кому требуется интернет-сообщество или социальная сеть, работающие на WordPress. Идеальна для сайтов с большим количеством зарегистрированных пользователей. Подключив к участникам сообщества.
Подборка по теме:
6. KLEO
KLEO заслужила звание самой продающейся BuddyPress темы текущего года, потому что она действительно оправдывает ожидания. Шаблон предлагает простой с выверенными второстепенными элементами. Тема использует встроенный поиск, который не включен ни в один другой шаблон, и позволяет избежать установки специальных плагинов, что благоприятно сказывается на скорости работы сайта.
Пользователи предпочитают авторизироваться мгновенно, в один клик, и не затрачивать время на регистрацию через электронную почту. Всю суть данной проблемы могут понять люди, использующие данную платформу для продажи товаров в интернет-магазине .
WordPress
по умолчанию не предоставляет возможности входа через социальные сети. Если пользователь желает, чтобы его клиенты заходили таким способом, ему придется приобрести платные разработки или использовать специальный бесплатный плагин. Простота регистрации и вход через социальные сети на любом сайте на wordprees очень важны. Если Вы предложите посетителям проделывать данную процедуру путем заполнения целого ряда полей с помощью электронной почты, то наверняка потеряете массу потенциальных клиентов.
В данной статье подобраны 10 плагинов входа через социальные сети для Wordpress
, которые позволят Вашему сайту стать удобным и выглядеть профессионально. Для желающих собственными руками создать виджет с социальными кнопками, рекомендуем ознакомиться с материалами по теме .
Social Login
Это бесплатный комплексный WordPress плагин , который предлагает простое решение входа и регистрации на сайте через социальные сети. Для него доступна авторизация через такие ведущие сайты, как Facebook, Twitter, Google, LinkedIn, PayPal, LiveJournal, Instagram , Yahoo, ВК и многие другие. Всего он объединяет более 25 популярных сетей, с помощью которых можно войти, зарегистрироваться или оставить свой комментарий.Данный плагин полностью совместим с BuddyPress , поэтому можно использовать логин практически из любой социальной группы, что является очень актуальным решением. Виджет входа размещается в боковой панели вашего сайта, или используется шорткод.
Super Socializer
Super Socializer является многоцелевым плагином для WordPress . Он поможет интегрировать социальные сети с вашим полем для комментария и предлагает прекрасные варианты для авторизации на сайте. Пользователь легко сможет зайти на Ваш сайт, используя уже существующий логин в одной из социальных сетей. После проведения такой простой регистрации, информация о его профиле вместе с электронной почтой сохранится в базе данных вашего блога.
Nextend Facebook Connect
Следующий плагин во многом напоминает предыдущий ресурс, но он подходит для авторизации на сайтах через Facebook .
WordPress Social Login
WordPress Social Login – это полезное приложение, позволяющее производить регистрацию и вход на сайт на базе WordPress , используя свой логин в различных социальных сетях. Вы сможете полностью контролировать доступ пользователей к своему веб-сайту. Данный плагин имеет широкие возможности для индивидуальных настроек.
Social Login for WordPress
Еще один мощный WordPress плагин, способный интегрировать социальные сети с WordPress . Данный сервис платный, и работа с ним осуществляется на основе подписки, но любой пользователь может использовать 30-и дневный бесплатный период для тестирования. Это даст возможность проверить, насколько этот плагин подходит для Ваших целей. Social Login for WordPress великолепно интегрируется со всеми популярными сетями, позволяя оставлять , а также производить авторизацию на сайте. Он способен захватывать данные профиля пользователя с его разрешения и автоматически создавать профиль в базе данных WP.
Gigya – Social Infrastructure
Еще один очень простой в использовании WordPress плагин, который поможет интегрировать социальные аккаунты с сайтами на базе WordPress . Плагин имеет красивые , и с ним Вы можете настроить необходимые кнопки, согласно своему желанию.
Входа через социальные сети для Wordpress не только дают возможность пользователям заходить на веб-сайт, используя авторизацию через Facebook, Twitter, Google, ВКонтакте, но и делают внешний вид ресурса очень привлекательным. Все модули, упомянутые в этом списке, широко используются, и они действительно эффективны. Вы можете выбрать любой из этих плагинов и начинать работу уже сейчас.
Вы можете создать любой сайт на WordPress . В этом материале мы расскажем, как создать социальную сеть на основе данной CMS .
Что вам понадобится
- WordPress — установленный локально или на хостинге;
- Плагин социальной сети — мы перечислим несколько лучших WordPress-плагинов ;
- Тема для социальной сети — мы рекомендуем установить специальную тему социальной сети.
WordPress
У WordPress есть множество замечательных функций. В этой статье мы рассмотрим, как настроить платформу, чтобы запустить и управлять собственной социальной сетью.
После того, как вы установите WordPress , добавим функции социальных сетей: насколько бы мощной платформой не являлся WordPress , по умолчанию он не содержит функции для запуска социалки. Для этого мы используем один из специальных плагинов, которые мы рассмотрим перед тем, как создать соц сеть.
Плагины социальной сети WordPress
Этот раздел поможет выбрать идеальный плагин социальной сети.
BuddyPress
Плагин BuddyPress позволяет запустить на WordPress — сайте любой тип социальной сети, с профилями участников, лентами, группами пользователей, обменом сообщениями и многим другим.
BuddyPress может похвастаться 100K+ установок и отличными рейтингами пользователей. Так что это подходящий движок социальной сети.
Плагин легко интегрируется, но если вы на чем-нибудь застрянете, не стесняйтесь, воспользуйтесь помощью огромного сообщества BuddyPress , готового вас поддержать.
Установка BuddyPress
Настроить BuddyPress просто. Настройка параметров социальной сети выполняется легко. Войдите в панель администрирования WordPress и перейдите в раздел Плагины> Добавить новый . В появившемся окне найдите «BuddyPress «, задав эту фразу на поиск. Нажмите кнопку «Установить ». Затем активируйте плагин.
Минимальная настройка BuddyPress
Перед тем, как создать социальную сеть с нуля, перейдите в раздел Настройки> Постоянные ссылки и установите флажок для опции «Название записи ». Перейдите в раздел Настройки> BuddyPress , чтобы настроить дополнительные параметры по своему усмотрению.
Также на этой странице можно активировать все необходимые модули. Перейдите в раздел Внешний вид> Меню и создайте необходимое меню. Чтобы расширить функционал создаваемой социальной сети, можно установить дополнительные виджеты BuddyPress . Для этого перейдите во Внешний вид > Виджеты .
Все функции, которые могут понадобиться, доступны в виде плагинов, дополнений или расширений. А начать можно с хранилища плагина BuddyPress и форумов .
HaloSocial
HaloSocial дает возможность построить социальную сеть своей мечты. И точно так же, как на Facebook , при наведении указателя мыши на изображение профиля пользователя на экране появляется всплывающая панель с основной информацией о нем:
Также существует отличный форум поддержки. HaloSocial предлагает три тарифных плана: бесплатный стартовый пакет с основными функциями, профессиональный пакет с некоторыми дополнительными функциями за $99, а также пакет агентства стоимостью в $149 с полным набором функций.
Peepso
Это своего рода произведение искусства. Он был разработан создателями шаблона социальной сети, чтобы составить конкуренцию BuddyPress . Прямо из коробки Peepso имеет красивый и современный дизайн, который можно смело использовать даже без установки специализированной темы.
После установки этот плагин добавляет в главное меню WordPress новый пункт — «Peepso» . С его помощью можно выполнить настройку социальной сети.
По умолчанию, Peepso создает шесть страниц: «Главная », «Активность », «Пользователи », «Профиль пользователя », «Восстановление пароля » и «Регистрация на сайте ». Кроме этого Peepso предоставляет интуитивно понятный интерфейс и несколько полезных функций.
Плагин очень компактный. Большинство пользователей оценили его качество в диапазоне 4.4-5.0 баллов. С помощью всех его функций можно создать социальную сеть на своем WordPress-сайте всего за несколько секунд. Кроме этого разработчик предлагает премиальный тарифный план с более широкими возможностями.
WP Symposium Pro Social Network Plugin
Плагин WP Symposium Pro Social Network оценен пользователями в 4.4-5.0 баллов. Это плагин, содержащий все необходимое для социальной сети на WordPress .
Его функционал включают в себя ленты активности, профили, email-рассылки, форумы, шорткоды, карты, добавление в друзья, чат, безопасность профилей, вложения изображений / видео, галереи и панель уведомлений.
Плагин сопровождается подробной справочной документацией и видео, которые помогут настроить его легко и быстро. Хотя на самом деле документация вряд ли потребуется, ведь WP Symposium прост в установке, настройке и использовании.
Перед тем, как создать собственную социальную сеть, перейдите в раздел главного меню WPS Pro> Настройка и задайте параметры социальной сети. Кроме этого плагин совместим с большинством тем и плагинов WordPress , прост в настройке и поддерживает несколько языков.
Мой выбор: Из четырех описанных выше плагинов, я бы выбрал BuddyPress или Peepso , хотя последний требует финансовых вложений для доступа к определенным функциям. В то же время BuddyPress полностью бесплатный, что является большим плюсом.
На третье и четвертое место я бы поставил WP Symposium и HaloSocial , соответственно. Существует еще один плагин, известный как WP Mingle , но авторы не обновляли его уже более двух лет, поэтому я его не рассматривал.
Теперь, когда у нас есть плагины, которые нужны для создания социальной сети, рассмотрим несколько специализированных тем WordPress .
Mingle – Multi-Purpose WordPress Theme
Перед тем, как создать сайт социальную сеть с помощью BuddyPress , вам нужно установить Mingle . Она содержит ряд полезных функций и задает эстетичный внешний вид. Тема была разработана специально под платформу BuddyPress , чтобы добавить в нее ряд замечательных функций.
Вы получаете в свое распоряжение практически все, что нужно: drag-and-drop конструктор макетов, конструктор контактных форм, генератор сайдбара, чистый HTML5 + CSS3 , SEO-оптимизированный код , блоги, портфолио, слайд-шоу, шорткоды и многое другое. Mingle может похвастаться более чем пятью тысячами довольных клиентов, рейтингом покупателей от 4.31 до 5.00. Обойдется все это всего в 64 доллара.
Salutation Responsive WordPress + BuddyPress Theme
После ознакомления с Salutation можно с уверенностью сказать, что Parallelus имеет отличное чувство стиля и смог разработать дизайн, которому позавидует большинство тем WordPress . И ее нужно обязательно использовать, чтобы создать социальную сеть на WordPress .
Salutation является 100% адаптивной темой. Это означает, что социальная сеть будет отлично выглядеть и нормально работать на различных устройствах и размерах экранов.
Кроме этого Salutation содержит ряд интересных функций, таких как Slider Revolution , drag-and-drop менеджер макетов, неограниченное количество цветовых решений, полная поддержка локализации, формы входа в систему во всплывающем окне, блоги, виджеты, интуитивная панель администрирования, генератор сайдбара, портфолио и другие функции и шорткоды для BuddyPress .
Salutation совместима с BuddyPress 1.5+ , WordPress 4.3+ и основными браузерами. Тема имеет рейтинг 4.50 — 5.00, ее стоимость составляет 64 доллара.
Woffice – Intranet/Extranet WordPress Theme
Обширные возможности, широкий спектр функций, высокое качество исходного кода, регулярные обновления и отличная поддержка — вот чем подкупает Woffice . Можно использовать эту тему для создания социальных сетей или сообществ школ, компаний, предприятий и государственных учреждений.
Данная тема включает в себя полную совместимость с BuddyPress , Wiki , менеджер файлов, иконки Font Awesome , форумы, шрифты Google , адаптивный дизайн, демо-контент, документацию, видеоуроки, календарь, шорткоды, bbPress, поддержку WMPL , интеграцию Trello , хлебные крошки, неограниченное количество сайдбаров, пользовательские виджеты, пользовательские страницы входа, электронную коммерцию и многое другое.
Serpent – Responsive Social Network Theme
Перед тем, как создать соц сеть самому, рассмотрим еще один вариант. Это единственная в своем роде тема WordPress , которая выведет ваш сайт на новый уровень. Она как тема, которую вы всегда хотели иметь; с ней у вас просто не может что-то пойти не так.
Тема предоставляет в наше распоряжение такие функции, как адаптивный макет, иконки лайков в стиле Facebook , лайтбоксы формы входа и регистрации, навигацию с помощью клавиатуры, профили пользователей, всплывающие подсказки, комментарии через Facebook , слайд-шоу, иконки социальных сетей, боковые панели, виджеты, выпадающие меню и другое.
UnitedCommunity – BuddyPress Theme
Цвет, теплота и энергия — это путь UnitedCommunity , обладающей богатым набором возможностей темы WordPress для социальной сети. Впервые представленная 2 сентября 2015 года, UnitedCommunity является относительно новой темой.
К ее отличительным особенностям можно отнести уникальный и адаптивный дизайн, более 40 внутренних страниц, чат, простоту в установке и настройке, совместимость с WooCommerce , пользовательские виджеты, всплывающие уведомления, оптимизация под WPML , шрифты Google , выпадающие меню, Contact Form 7 и jQuery Masonry-блог . Приобрести UnitedCommunity можно всего за 64 доллара.
Klein – A Nitty Gritty Community Theme
Если вам нужна идеальная тема WordPress для создаваемого шаблона для социальной сети, можете дальше не искать. Это отличное решение для социальных сетей с широким спектром возможностей, которые обеспечивают отличный опыт взаимодействия пользователей.
Пользователи вашей социальной сети смогут отправлять неограниченное количество сообщений, уведомлять других участников о запланированных событиях, добавлять друзей, обсуждать идеи на форумах, а также создавать красивые пользовательские профили. Также можно воспользоваться возможностями WooCommerce , чтобы продавать продукцию.
PeepSo – новый инструмент для создания социальной сети на базе WordPress без привлечения программистов. Ранее разработчики использовали для этих целей только плагин BuddyPress. Сейчас есть выбор.
В 2008 году появился плагин BuddyPress, который программисты использовали для создания социальных сетей на Wordpress. После семи лет монопольного положения у BuddyPress появился конкурент.
Новый плагин имеет открытый исходный код. Он предлагает часть тех же функций, что и BuddyPress , но содержит и коллекцию коммерческих дополнений, которые расширяют привычный функционал.
«Плагин PeepSo не создавался специально, как прямой конкурент BuddyPress. Мы чувствовали, что росла потребность в новом продукте. Дать пользователям только один вариант – неправильная идея. Мы не будем устраивать соревнования с BuddyPress. Мы предлагаем альтернативный инструмент, который постоянно развивается и не уступает конкуренту. В конечном счете, люди выберут решение, подходящее им по функционалу».
Основательница PeepSo – Мерав Кнафо (Merav Knafo), владелица JomSocial – популярного решения по созданию социальной сети на базе CMS Joomla.
Отличия PeepSo и BuddyPress
«Я бы сказала, что внешний вид PeepSo гораздо современнее и не требует специальных тем. PeepSo легкий и гибкий в плане добавления новых функций, которые нужны пользователю и не загружают сайт», – сказала Кнафо.
Команда разработчиков PeepSo рассказала о различиях с BuddyPress с точки зрения кода:
- алгоритмы разрабатываются на объектно-ориентированном подходе с использованием PHP и Javascript;
- JavaScript использует механизмы для расширения функционала почтового ящика;
- постоянно оптимизируются запросы к базе данных с целью обеспечить гибкость и масштабируемость плагина.
«Главная цель – разработать новые полезные дополнения в плагин PeepSo. Мы начнем с чата, пользовательских полей профиля, а затем группы, события, страницы и так далее», – добавила Мераф Кнафо . Команда надеется на сотрудничество с другими разработчиками, которые готовы помочь в развитии плагина PeepSo.
