Установка соц сетей на вордпресс. Лучшие плагины социальных сетей для WordPress! Её примечательные особенности

Идея организовать интернет площадку для объединения людей с общими интересами, чтобы впоследствии получить хороший трафик и внедрить систему платной подписки, привлекает многих. Для реализации этой цели в короткие сроки подойдет социальная сеть, построенная на WordPress шаблоне, совместимом с плагинами BuddyPress и bbPress. Именно они обеспечивают полный функционал соцсети: создание профилей, обмен сообщениями, добавление в друзья, общение на форуме, совместная работа над файлами и другие опции.

10 шаблонов для сайта социальной сети на WordPress + BuddyPress1. 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, сделанные специально для социальных сетей.

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. Поэтому я стала искать плагин социальных кнопок для 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 и повторяйте процедуру пока не добавите все нужные иконки. После чего важно не забыть нажать кнопку Сохранить на самом виджете и всё, иконки социальных сетей появятся на вашем сайте.

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

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

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

Навигация по странице:

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

Развернуть полное описание сервиса share42

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

Сервис позволяет задавать разные размеры для соц. кнопок, вы можете указать:

32х32 px

24х24 px

16х16 px

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

Кодировка символов для соц. кнопок

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

• UTF-8
• Win-1251

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

Например код для вставки выглядит вот так: