Блог Страница 197

Плагин для добавления условных полей к профилям BuddyPress

0

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

Плагин, созданный Браджешом Сингхом, довольно продуктивным разработчиком решений под BuddyPress, позволяет справиться именно с этой задачей. Conditional Profile Fields for BuddyPress дает администраторам сайта возможность задавать условия для скрытия/показа определенных полей профилей, основываясь на пользовательских ответах. К примеру, допустим, вы создали поле, спрашивающее пользователей о том, кто они, совы или жаворонки.

profile-field

Вы можете затем задать второй вопрос – к примеру: «Завтракаете ли вы?» С помощью этого плагина вы можете сделать данный вопрос зависящим от первого вопроса, который был посвящен выяснению типа людей (совы или жаворонки). Возможно, вам интересно узнать, завтракает ли пользователь, указавший себя как «сову». В процессе редактирования вопроса о завтраке прокрутите в самый низ страницы, и вы найдете новое поле для параметра Visibility Condition (условия видимости).

conditions

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

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

Если вы пометите первое поле профилей как «Required» (обязательное для заполнения), то в таком случае оно будет выводиться в форме регистрации BuddyPress (вместе с условными полями). Плагин на данный момент поддерживает следующие возможности:

  • Совместим с 99% тем WordPress
  • 2 опции видимости, позволяющие скрывать или отображать поле в зависимости от условий
  • 6 операторов сравнения
  • Поддержка различных полей
  • В данный момент поле с датой не поддерживается для создания условий

Плагин Conditional Profile Fields – превосходное дополнение к любому BuddyPress-сайту, позволяющее охватить разные типы пользователей. К примеру, образовательные сайты могут иметь студентов, преподавателей, профессоров и т.д. Вместо использования сложного плагина для задания разных типов пользователей можно добавить условное поле к профилям, которое будет задавать вопрос: является ли человек студентом, преподавателем и т.д. Вы можете создать разные группы полей, которые будут содержать условные вопросы, зависящие от предыдущих ответов пользователей.

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

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

Я протестировал плагин с BuddyPress 2.1 beta 1 и обнаружил, что он работает именно так, как и было заявлено. Условные поля профилей – прекрасный способ расширить узкотематическую социальную сеть с целью вывода разных полей для разных типов пользователей. Скачать плагин Conditional Profile Fields можно на сайте BuddyDev.com.

Источник: wptavern.com

Плагин для BuddyPress добавляет Rich Text поля к профилям

0

Ранее в этом году участники BuddyPress объявили о том, что проект будет переходить на модель «возможности-как-плагины», чтобы помочь ускорить последующую разработку BP. Именно эта модель разработки прекрасно зарекомендовала себя в ядре WordPress, позволив реализовать четыре крупных особенности в версии 3.8.

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

Плагин Buddypress xProfile Rich Text Field

Плагин Buddypress xProfile Rich Text Field – второй плагин, реализованный на базе данной модели. Он позволяет добавить произвольный тип полей rich-text в BuddyPress, чтобы расширить профили. Кристиан Вах, известный как @needle, создал плагин с надеждой на то, что он будет включен в ядро BP.

После установки вы сможете найти новый тип полей профиля, который носит название «Rich Text Area» – он будет представлен в качестве возможного варианта при создании нового поля. По существу это обычное многострочное текстовое поле, обладающее визуальным редактором.

rich-text-field-type

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

rich-text-profile-fields

Темы BuddyPress, которые используют режим совместимости, будут автоматически работать с данным плагином. Однако если ваша тема работает с собственными шаблонами BuddyPress, вам нужно будет внести некоторые корректировки в плагин.

Тикет по добавлению этой возможности в BuddyPress 2.2 открыт для обсуждения. Кристиан Вах создал предварительный патч для типа полей Visual Editor. Разработчик ядра BuddyPress Бун Джорджс поделился своими мыслями по поводу этого патча:

«Нам не нужно отдельный тип полей для этого. Как мне кажется, все многострочные текстовые поля должны поддерживать rich text. Фактически, я считаю, что мы должны просто включить rich text для всех текстовых полей и запретить его отключение (поскольку есть вкладка Text в дополнение к вкладке Visual), хотя если другие считают иначе, то, скорее всего, у нас тогда должен быть определенный переключатель в панели администратора для каждого типа полей. В любом случае, я не вижу необходимости в реализации отдельного типа полей»

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

А пока вы можете использовать плагин Buddypress xProfile Rich Text Field на своем сайте. Если возможность появится в BuddyPress 2.2, можно будет легко переключить тип полей на «multi-line textarea».

Источник: wptavern.com

Плагин Rendez Vous для BuddyPress позволяет планировать членам сообщества предстоящие встречи

0

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

rendezvous

Rendez Vous – новый плагин, который позволяет членам сообщества планировать встречи друг с другом. Разработанный @imath, продуктивным автором плагинов и активным участником разработки ядра BuddyPress, Rendez Vous предлагает простую таблицу каждому пользователю, в которой можно пометить свободные дни для предложенных встреч.

Краткий обзор плагина Rendez Vous

Плагин внедряется в пользовательское меню и использует уведомления BuddyPress для реализации обновлений.

redez-vous-menu

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

calendar

Вкладка Who позволяет вам искать членов сообщества, если у вас крупная сеть, и выбирать тех из них, которых вы хотите пригласить:

rendez-vous-who

Меню пользовательского профиля выводит все опубликованные встречи, на которые пользователь был приглашен:

rendez-vous-list

Человек, планирующий встречу, получает уведомления, связанные с ответом членов:

notifications

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

attendees-rendezvous

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

Плагин Rendez-Vous – это простой, гибкий инструмент, который способен заметно упростить создание и проведение онлайн и оффлайн встреч, а также различных событий. Поскольку плагин использует достаточно универсальную формулировку, с его помощью вы можете запланировать любые типы встреч. Он подойдет в следующих ситуациях:

  • Групповой чат Skype
  • Встреча модераторов сайта
  • Семейная встреча
  • Конференция/семинар

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

Плагин Rendez Vous можно скачать бесплатно из хранилища плагинов WordPress. Вы можете также найти проект плагина на Github. Плагин совместим с WordPress 3.9-RC1 и BuddyPress 2.0-beta2. Также он работает со сборками, на которых запущены WordPress 3.8.3 и BuddyPress 1.9.2.

Источник: wptavern.com

Мультисайты в WordPress: раскрываем всю мощь сетей

0

Даже не обремененный особыми знаниями пользователь способен заметить, что система WordPress является очень гибкой и мощной. Однако она таит в себе значительно больше, нежели то, что открыто невооруженному взгляду. В частности, в ней спрятан бесподобный, отточенный механизм под названием Мультисайты. Если вы включите этот режим, то ваша сборка WordPress превратится в огромную сеть сайтов. Вы сможете запустить тысячу разных сайтов, используя единственную копию системы. Хотя почему только тысячу? Сотни тысяч. Миллионы.

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

Введение в мультисайты

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

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

Что же такое мультисайт?

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

Примечание: с помощью специальных решений, таких как Pro Sites, можно ограничивать доступ к плагинам и темам в сети.

Различные сайты в сети

Различные сайты в сети

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

Зачем могут понадобиться мультисайты?

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

1. Размещение различных пользовательских сайтов.

Подключение мультисайтов позволяет посетителям регистрировать в системе свои собственные блоги/сайты, как это реализовано на wordpress.com и edublogs.org.

Мультисайты позволяют людям автоматически создавать новый сайт без участия администратора. Чаще всего новые блоги получают URL-адрес следующего вида:

  • site1.mysite.com
  • mysite.com/site1/

Разница между ними объясняется разницей между установкой сайтов в виде подпапок и поддоменов (об этом позднее).

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

2. Размещение внутренней сети сайтов.

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

В каких случаях сеть мультисайтов может оказаться идеальной:

  • Различные отделы в компании;
  • Различные команды в лиге;
  • Различные города в стране;
  • Различные концерты в клубе;
  • Различные шоу на радиостанции.

Подходят ли вам мультисайты?

Учитывая все те «различные» пункты, представленные выше, вы должны задать себе важный вопрос: «Надо ли мне, чтобы все эти разделы/сайты были раздельными?»

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

Если на какие-либо из перечисленных ниже пунктов вы можете ответить «Да!», то мультисайты, возможно, подойдут вам:

  • Нужны ли мне разные темы на одном сайте?
  • Нужны ли мне разные плагины/разная функциональность для различных разделов?
  • Должен ли я дать доступ разным администраторам/редакторам для разных секций?
  • Нужны ли мне разные адреса верхнего уровня?

Когда не стоит использовать мультисайты

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

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

Некоторые также считают, что мультисайты не требуются для запуска небольших клиентских сайтов. Если задать им вопрос, почему они так думают, то можно услышать простой ответ – «так будет проще». То есть, они имеют в виду, что вы можете быстро переместить свой сайт в любое место в случае необходимости, поскольку у вас есть отдельные базы данных в пределах одной сборки.

Импорт/экспорт сайтов

Вы можете «вытащить» сайт из сети с помощью родной функции Импорт/Экспорт в WP. Если вы хотите взять какой-нибудь один сайт из сети и превратить его в отдельную сборку, сделайте следующее:

  • Установите новую сборку системы
  • Экспортируйте контент сетевого сайта с помощью функции Export
  • Импортируйте контент сайта в новую сборку

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

Преимущества и недостатки

В предыдущих разделах мы уже затронули некоторые преимущества и недостатки мультисайтов. Давайте перечислим их здесь в виде списков.

Преимущества:

  • Автоматическое создание сайтов/блогов для каждого пользователя
  • Автоматическое создание блога для ограниченной группы пользователей – ограничение по email или ограничение с помощью специального кода (для этого понадобится плагин).
  • Неограниченное создание сайтов для одного пользователя
  • Ограничение на создание сайтов для одного пользователя (с помощью плагинов).
  • Ограничение размера загружаемых файлов (или неограниченные загрузки)
  • Разные темы для разных участков сайта
  • Изменения в теме касаются всех сайтов, которые используют эту тему
  • Пользователи всегда могут использовать виджеты, меню, заголовки и бэкграунд на своих сайтах, вне зависимости от темы (для ограничения этого используются плагины)
  • Пользователи могут создавать сразу несколько сайтов и управлять ими (с помощью плагинов можно ограничивать данное действие: к примеру, один пользователь может создавать только один сайт)
  • Сайты могут быть либо полностью обособленными, либо интегрированными друг с другом разными способами.
  • Активация тем в зависимости от используемых сайтов

Недостатки:

  • Администратор должен иметь некоторые навыки управления сетью сайтов (есть небольшие отличия с управлением обычным сайтом на WP)
  • Необходим доступ к серверу для редактирования базовых файлов WP
  • Некоторые темы плохо работают с мультисайтами (большая часть поддерживает, но не все)
  • Некоторые плагины плохо работают с мультисайтами (как и в случае с темами)
  • Если у вас появятся проблемы с основной сборкой или ваш главный сайт будет взломан, это может затронуть все сайты вашей сети.
  • Могут возникнуть трудности при отображении контента с разных сайтов на главной странице основного сайта (решается с помощью плагинов).

Разница с обычной сборкой WordPress

Супер администратор

Одно из ключевых отличий – новая роль под названием «Супер Администратор» (Super Admin). Супер администратор управляет всей сетью сайтов. Вы выбираете, какие плагины и темы будут доступны пользователям, могут ли посетители регистрировать свои сайты безо всяких ограничений и т.д.

Супер Администратор имеет доступ ко всей сети

Супер Администратор имеет доступ ко всей сети

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

Настройка доступа

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

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

Управление темами и плагинами

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

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

Настройка тем для каждого сайта отдельно

Настройка тем для каждого сайта отдельно

Администратор в обычной сборке WP – это не то же самое, что Супер Администратор в мультисайтовой сборке. Если вы до сих пор не освоились с администраторскими полномочиями в WP, лучше пока не переходить на мультисайты.

BuddyPress

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

Безусловно, все зависит от ваших целей. Если вы хотите связать всех пользователей в вашей сети, BuddyPress может оказаться полезным.

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

Активация мультисайтов

Наконец, мы рассмотрим, как активировать мультисайты.

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

Перед тем, как перейти к самому процессу активации, вам необходимо выбрать, как именно вы будете устанавливать новые сайты – как подпапки или как поддомены.

Подпапки и поддомены

Подпапки имеют следующий вид:

  • mysite.com/site1
  • mysite.com/site2

Поддомены:

  • site1.mysite.com
  • site2.mysite.com

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

К примеру, ваш сайт «mysite» расположен следующим образом:

  • example.com/mysite/

Все ваши новые сайты будут добавляться в дополнительные подпапки:

  • example.com/mysite/site1/
  • example.com/mysite/site2/

При попытке установить свои сайты как поддомены (к примеру, site1.mysite.com) некоторые пользователи могут столкнуться с проблемами, связанными с сервером. Обычно это решается обращением в службу поддержки. Если же проблема не была решена, остается только использовать подпапки.

Что лучше?

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

Раньше, в старые времена SEO, подпапки больше нравились поисковым системам, чем поддомены (однако как сейчас с этим обстоят дела, я не знаю).

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

Domain Mapping

С помощью плагина Domain Mapping вы можете сделать так, чтобы ваш сайт1 или сайт2 выглядел как обычная сборка WordPress.

К примеру, mysite.com/site1/ или site1.mysite.com можно выводить как домен site1.com. Никто никогда не узнает разницы.

Даже пользователи в области администратора не будут знать, что они находятся в мультисайтовой сети, если вы не захотите этого. Их панель администратора появится по ссылке site1.com/wp-admin/.

Переключение к мультисайтам

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

Инструкцию по созданию мультисайтов в WP вы можете найти в кодексе.

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

Также полное руководство по созданию мультисайтов есть в журнале OddStyle №2.

Источник: wpmu.org

Как создать произвольный каталог членов сообщества в BuddyPress

0

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

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

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

member-directory

Нам понадобится выполнить следующие действия:

  1. Добавить новый каталог /buddypress/ к своей теме для произвольных шаблонов.
  2. Удалить ненужные параметры из цикла членов.
  3. Добавить поле New Location Field к циклу членов.
  4. Увеличить размер аватара для каталога членов.
  5. Сделать аватар членов круглым.
  6. Изменить разметку каталога.
  7. Добавить Greyscale-эффект к аватарам при наведении мыши.
  8. Изменить кнопки «Add Friend» и «Remove Friend».

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

Каталог членов BuddyPress со стандартными стилями выглядит следующим образом:

Каталог членов по умолчанию в BuddyPress

Каталог членов по умолчанию в BuddyPress

Для данного руководства мы воспользуемся темой Twenty Twelve.

Шаг 1. Добавляем каталог /buddypress/ к своей активной теме, после чего добавляем шаблоны.

Чтобы начать вносить изменения в BP, мы должны создать каталог /buddypress/ в папке с активной темой.

В кодексе есть простые и ясные инструкции по поводу совместимости тем в BP 1.7. Найти существующие шаблоны можно здесь:

wp-content/plugins/buddypress/bp-templates/bp-legacy/

Скопируйте файлы, которые вы хотите изменить. В данном случае вы можете также скопировать каталог /members/ и вставить его в новый BP каталог своей темы.

Шаг 2. Убираем все лишнее из members-loop.php.

Для данного руководства мы уберем некоторую информацию, которая отображается на странице каталога, а также удалим следующие два пункта:

  • Время последней активности
  • Обновление последней активности членов

Отображение времени последней активности в действительности только мешает, и я не думаю, что эта информация играет такую важную роль в сообществах BP. Если вы хотите удалить ее, уберите следующую строку из файла members-loop.php:

<div class="item-meta"><span class="activity"><?php bp_member_last_active(); ?></span></div>

Удалить обновление последней активности членов можно так же просто. Удалите следующий код из members-loop.php:

<?php if ( bp_get_member_latest_update() ) : ?>
<span class="update"> <?php bp_member_latest_update(); ?></span>
<?php endif; ?>

Шаг 3. Добавляем поле Location к циклу членов.

Теперь мы хотим добавить кое-что новое к циклу членов. Шаблон содержит подсказки в комментариях, указывающие на то, как это сделать. Для начала вы должны удостовериться в том, что создали поле, которое должно будет отображаться в профилях BuddyPress. Мы используем расположение (Location) в данном примере. Переходим в раздел: Dashboard >> Users >> Profile Fields. Добавляем новое поле в консоли, после чего мы можем использовать его в цикле. Разместите следующий код в members-loop.php сразу после комментария о том, как выводить на экран информацию по каждому члену сообщества:

<?php echo bp_member_profile_data('field=Location'); ?>

Учитывайте тот факт, что значение поля чувствительно к регистру.

Шаг 4. Увеличиваем размеры аватаров, отображаемых в цикле членов.

Найдем следующий код в самом начале цикла:

<div class="item-avatar">
<a href="<?php bp_member_permalink(); ?>"><?php bp_member_avatar(); ?></a>
</div>

Изменим его на следующее:

<div class="item-avatar">
<a href="<?php bp_member_permalink(); ?>"><?php bp_member_avatar('type=full&width=180&height=180'); ?></a>
</div>

Причина, по которой мы задали type=full, заключается в том, что этот код заставляет BP использовать аватар наилучшего качества, и подгоняет его к высоте и ширине, которую вы установили. Иначе аватары будут не слишком четкими.

Шаг 5. Делаем аватары круглыми.

Круглый аватар

Круглый аватар

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

В данном случае мы будем устанавливать стили только для аватаров из каталога членов. Добавим следующие стили:

#members-dir-list img.avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
}

Шаг 6. Добавляем черно-белый эффект к аватарам при наведении мыши.

Черно-белый эффект при наведении мыши

Черно-белый эффект при наведении мыши

С помощью указанного эффекта вы можете заставить пользователей смотреть ваш каталог чуть дольше, чем обычно. Конечно, данный эффект, скорее всего, не будет работать в IE, однако это не так важно – ведь это всего лишь косметическое изменение.

Добавляем следующий код в стилевую таблицу:

#members-dir-list a:hover img.avatar {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: -webkit-filter 0.2s ease-in-out;
-moz-transition: -moz-filter 0.2s ease-in-out;
transition: filter 0.2s ease-in-out;
}

Шаг 7. Изменяем разметку каталога членов.

Давайте сделаем так, чтобы список членов содержал ровно три аватара в каждой строке:

#buddypress #members-list li {
overflow: auto;
list-style: none;
float: left;
width: 30%;
margin: 0 20px 28px 0;
border: 0;
}

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

#buddypress #members-dir-list ul.item-list li div.item-title, #buddypress #members-dir-list  ul.item-list li h4, #buddypress #members-dir-list ul.item-list li div.item-meta
 {
width: 100%;
text-align: center;
}

#buddypress #members-dir-list ul.item-list li div.item-title {
font-size: 110%;
}

#buddypress #members-dir-list ul.item-list li div.item-meta {
text-transform: uppercase;
font-size: 80%;
}

#buddypress #members-dir-list ul.item-list li img.avatar {
margin-bottom: 8px;
}

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

Шаг 8. Изменяем кнопки Add Friend и Remove Friend.

Я не знаю, есть ли какой-нибудь способ применения фильтров к данной кнопке. Чтобы настроить текст кнопки, вам понадобится создать произвольный языковой файл для BuddyPress. Этот процесс не составит труда, если у вас есть программа PoEdit. Следуйте инструкциям кодекса, чтобы создать свой языковой файл. Для данного руководства мы изменим языковые строки для кнопок, относящихся к приглашениям в друзья:

  • Add Friend >> Заменим на “+”
  • Cancel Friendship >> Заменим на “-”

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

#buddypress #members-dir-list a.friendship-button.add {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 5px solid #89ac48;
font-size: 26px;
font-weight: bold;
background: #a5d156;
color: #ffffff;
line-height: 50px;
}

#buddypress #members-dir-list a.friendship-button.is_friend.remove {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 5px solid #CC0000;
font-size: 26px;
font-weight: bold;
background: #FF5050;
color: #ffffff;
line-height: 50px;

}

ul#members-list.item-list li div.action {
text-align: center;
overflow-y: hidden;
top: 18px;
right: 6px;
}

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

Измененный каталог членов BuddyPress

Измененный каталог членов BuddyPress

Если вы считаете, что кнопка “Remove Friend” в красном цвете выглядит слишком вызывающе, вы можете скрыть ее при помощи добавления “display: none;” к классу .is_friend.remove. Также вы можете выбрать разные цвета и разный текст для командных кнопок.

Удивителен тот факт, что при помощи небольшой CSS-стилизации можно полностью преобразить вид ваших каталогов. Совместимость тем в BuddyPress 1.7 откроет эту платформу для многих WordPress-разработчиков. Все компоненты будут отвечать стилизации вашей темы; к тому же, вы всегда можете изменить их представление. Скачайте себе копию тестовой версии BP 1.7 и начните экспериментировать с ней, пока основной релиз еще не увидел свет. Вы будете приятно удивлены, как легко можно настроить BuddyPress непосредственно в WP-теме.

Источник: wpmu.org

Как правильно установить BuddyPress: руководство по инсталляции и настройке плагина

0

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

buddypress1

BuddyPress прекрасно работает с огромным количеством бесплатных и платных тем, и BuddyPress-компоненты выигрышно смотрятся также и в адаптивных темах.

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

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

Установка BuddyPress

Первое, что вы должны будете сделать – это установить плагин BuddyPress. Я буду ставить его в свежую сборку WordPress, однако вы можете установить его и на уже существующий сайт.

В панели администратора WordPress перейдите в раздел Plugins > Add New, и вы увидите BuddyPress в списке доступных плагинов. Щелкните по кнопке Install, после чего Activate, и плагин будет установлен на ваш сайт.

Вы сразу же увидите экран приветствия BuddyPress:

buddypress-welcome-screen

Здесь вы найдете разные ссылки, которые помогут вам установить и настроить ваше сообщество BuddyPress. Начнем с того, что сконфигурируем параметры для BuddyPress:

Конфигурация BuddyPress

Есть три аспекта настройки BuddyPress:

  • Выбор необходимых компонентов
  • Создание страниц
  • Изменение параметров

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

Активация BuddyPress компонентов

Чтобы выбрать компоненты, которые вы хотите использовать, либо щелкните по ссылке Set Up Components на экране приветствия, либо перейдите в раздел Settings > BuddyPress и активируйте вкладку Components.

По умолчанию некоторые компоненты уже будут выбраны для вас:

buddypress-components

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

  • Extended Profiles: изменяет пользовательские профили и настраивает доступные поля
  • Account Settings: позволяет пользователям редактировать свой аккаунт.
  • Friend Connections: позволяет пользователям связываться друг с другом.
  • Private Messaging: позволяет пользователям отправлять приватные сообщения
  • Activity Streams: выводит ленту активности на сайте с прямым постингом во фронтэнд, древовидным комментированием, упоминаниями и уведомлениями по email.
  • Notifications: ваши пользователи смогут получать уведомления о последней активности тем способом, который они выберут для себя.
  • User Groups: позволяет создавать пользовательские группы
  • Site Tracking: позволяет отслеживать события на сайте (записи и комментарии)
  • BuddyPress Core: вы не можете отменить этот компонент, без него BuddyPress не будет работать
  • Community Members: опять же, без этого компонента BuddyPress не будет работать.

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

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

Настройка страниц

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

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

В админке WordPress переходим в раздел Pages > Add New и создаем две страницы, как мы делаем это всегда. Одну назовем Registration, а вторую – Activation (можете присвоить им любые другие названия).

После того, как вы сделаете это, вы увидите все эти страницы в основном списке страниц. BuddyPress уже добавил две другие страницы для вас: Activity и Members. Я удалил стандартную страницу Sample Page, поэтому в данный момент у меня есть четыре страницы.

buddypress-creating-pages

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

buddypress-pages-settings-tab

Переходим в раздел Settings > BuddyPress и щелкаем по вкладке Pages.

Выбираем страницы под каждую функцию:

  • Members – выбираем Members
  • Activity Streams – выбираем Activity
  • User Groups – выбираем Groups
  • Register – выбираем Registration
  • Activate – выбираем Activation

Щелкаем по кнопке Save Settings. BuddyPress будет автоматически использовать эти страницы для вывода соответствующего контента на вашем сайте.

Настраиваем параметры

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

Щелкаем по вкладке Settings

buddypress-settings

На этой странице есть масса опций, которые вы можете включать или отключать:

  • Main Settings: можно включить/выключить тулбар в самом верху экрана для зарегистрированных пользователей, установить, могут ли пользователи самостоятельно удалять свои аккаунты.
  • Profile Settings: можно разрешить участникам загружать свои собственные изображения для профиля, синхронизировать профили BuddyPress и WordPress.
  • Groups Settings: можно разрешить пользователям создавать группы, установить, могут ли пользователи изменять аватары групп.
  • Activity Settings: можно разрешить комментирование в ленте активности записей блога и форума, автоматически обновлять ленту активности в режиме реального времени.

Выбираем пункты, которые отвечают вашему сайту, после чего щелкаем по кнопке Save Settings. Я выбрал все опции.

Настраиваем параметры WordPress

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

В меню Settings в админке WordPress редактируем следующие параметры:

  • Permalinks: убедитесь в том, что красивые постоянные ссылки включены
  • Reading: делаем так, чтобы домашняя страница была статичной страницей, а именно страницей Activity. Это позволит гарантировать, что, когда пользователи откроют ваш сайт, они будут видеть свежую активность. Я оставлю без изменения опцию Posts page, поскольку на моем сайте нет блога. Если у вас он имеется, выберите подходящую страницу.

buddypress-reading-settings

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

Измените настройки и сохраните изменения.

Установка темы

Теперь вам нужно найти тему для вашего сайта. Если вы работаете с уже существующим сайтом, вы можете пропустить этот шаг (если ваша тема вас устраивает).

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

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

Переходим в раздел Appearance > Themes и щелкаем по кнопке Add New. Вбиваем spacious в поисковое поле и видим тему:

buddypress-selecting-theme

Щелкаем по Install, после чего Activate, чтобы установить и активировать тему. Если вы хотите настроить тему, вы можете сделать это через параметры темы или через кастомайзер.

Добавляем меню и виджеты для навигации

Далее давайте добавим меню и некоторые виджеты к нему, чтобы улучшить навигацию.

Создание навигационного меню

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

Переходим в раздел Appearance > Menus и щелкаем по ссылке: create a new menu. Даем название меню, ставим галочку напротив Primary Navigation и сохраняем его.

Если вы не обнаружили секцию под названием BuddyPress с левой стороны на сайте, вам нужно будет включить ее, открыв вкладку Screen Options в самом верху экрана и выбрав BuddyPress.

Теперь добавьте страницы BuddyPress и ваши обычные страницы в навигационное меню. Я добавил следующие страницы:

  • Activity (с Messages и Notifications в качестве ссылок второго уровня)
  • Friends
  • Groups
  • Profile (с Settings в качестве ссылки второго уровня)
  • Log Out
  • Log In
  • Registration

Все эти пункты, кроме последнего, взяты из списка BuddyPress слева: ссылка Registration взята из списка Pages. Я сменил текст ссылки для Registration на Join, чтобы было понятнее.

buddypress-navigation-menu

Теперь щелкаем Save Menu для сохранения меню.

Вот как будет выглядеть сайт с новой темой и меню:

buddypress-frontend-no-content

Затем я добавлю некоторые виджеты для вывода активности и помощи пользователям в навигации по сайту:

Добавление виджетов

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

Добавьте следующие виджеты в область виджетов сайдбара:

  • BuddyPress Log In
  • BuddyPress Sitewide Notices
  • BuddyPress Friends

Добавьте виджет Search к области виджетов хэдера, если ваша тема имеет такую область. Если нет, то можно добавить этот виджет в сайдбар.

Вот как выглядят мои области виджетов:

buddypress-sidebar-header-widgets

Далее я добавлю три специфичных для BuddyPress виджета к первым трем областям виджетов в футере:

  • BuddyPress Who’s Online
  • BuddyPress Recently Active Members
  • BuddyPress Groups

buddypress-footer-widgets

Наконец, добавим текстовый виджет в четвертую область виджетов с некоторым текстом о сообществе и ссылкой на страницу регистрации:

buddypress-text-widget

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

buddypress-home-page-with-widgets

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

Тестируем сайт с помощью фиктивных данных

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

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

Переходим в раздел Plugins > Add New и устанавливаем BuddyPress Default Data.

Далее идем в раздел Tools > BP Default Data и видим опции плагина:

buddypress-default-data-setup

Опции, указанные здесь, зависят от компонентов BuddyPress, которые установлены на вашем сайте:

  • Import Users: включает фиктивных пользователей для тестирования
  • Import user profile data: добавляет данные профиля для пользователей
  • Create friend connections: создает дружеские связи между пользователями (если включен компонент Friend Connections).
  • Import activity posts: заполняет ленту активности (если включен Activity Streams).
  • Import groups: импортирует группы (если включен User groups).

Щелкните по Import Selected Data, и плагин автоматически импортирует фиктивные данные для вас.

Вот как выглядит мой сайт после заполнения его тестовыми данными:

buddypress-site-with-test-data

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

buddypress-fotoer

Если вы протестировали все страницы и пришли к выводу, что все работает отлично, вы можете удалить тестовые данные, вернувшись к странице плагина и щелкнув по кнопке Clear BuddyPress Data.

Управление сайтом BuddyPress

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

Как только люди начнут вступать в сообщество, вам нужно будет выполнять следующие задачи:

  • Поддерживать свой сайт в актуальном состоянии, включая WordPress, плагин BuddyPress, вашу тему и любые другие установленные плагины.
  • Тестировать сайт после обновления, чтобы не было никаких проблем (сначала лучше протестировать обновление на разрабатываемой версии сайта, после чего уже ставить его на рабочую версию).
  • Делать регулярные бэкапы с помощью плагинов, таких как Snapshot Pro
  • Если необходимо, модерировать сообщество и решать любые жалобы и споры

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

Как администратор, вы можете удалять аккаунты пользователей, если они нарушают правила сообщества, однако лучше всего удалять определенные записи и предотвращать любые действия, если они противоречат правилам, разъяснив пользователю, что именно он сделал не так. Вы должны найти баланс между предотвращением нежелательного поведения и блокировкой всех подряд – если вы следили за ростом Facebook и Twitter, то вы понимаете, о чем я говорю.

Если вы обнаружили, что метаданные, связанные с вашим сообществом, сбились после обновления или восстановления, вы можете использовать страницу BuddyPress Tools для исправления определенных данных:

  • Кол-во друзей для каждого пользователя
  • Кол-во групп для каждого пользователя
  • Общее число участников
  • Восстановление пользовательской «последней активности»

buddypress-tools

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

Источник: wpmu.org

Как ограничить глубину комментариев в ленте активности BuddyPress

0

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

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

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

Поскольку в WordPress уже существует встроенный параметр для управления глубиной комментариев, он стал основой для применения его в ленте активности BuddyPress. Таким образом, не пришлось вводить новых опций. BuddyPress 2.0 теперь поддерживает параметры для глубины комментариев WordPress. Вы можете настроить их в панели администратора в разделе Settings > Discussion > Other Comment Settings.

thread

В приведенном ниже примере древовидные комментарии были ограничены третьим уровнем вложенности. Вы можете заметить, что у третьего комментария нет ссылки «Ответить». Участники по-прежнему могут комментировать интересующий их пункт в ленте активности, однако они не смогут добавить более трех ответов (т.е. не смогут создать глубину комментирования, превышающую 3).

comm

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

Источник: wptavern.com

За кулисами компании BuddyBoss: интервью с Майклом Айзенвассером

0

За прошедшие несколько лет компания BuddyBoss стала настоящим лидером на рынке продуктов BuddyPress. Основатель компании – Майкл Айзенвассер – запустил свой бизнес еще в 2010 году; началось все с того, что он решил создать интернациональный сайт вакансий, который позволил бы онлайн-специалистам найти себе работу, и его выбор пал на BuddyPress.

buddyboss

«BuddyPress поразил меня до глубины души», рассказал Айзенвассер. «С его помощью можно было создать сложный, полностью настраиваемый сайт сообщества, используя все преимущества экосистемы WordPress. Мы очень быстро запустили наше онлайн-сообщество, и годом спустя уже 30,000 человек ежедневно посещали сайт в поисках работы».

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

«Я так долго работал с BuddyPress, что иногда даже забываю, что WordPress может функционировать без BP», смеется Майкл.

Развитие бизнеса в узкой нише

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

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

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

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

«За прошедшие 6 месяцев выручка от продаж увеличилась в 5 раз. Мы добились этого в результате улучшенных товарных предложений, сарафанного радио от наших клиентов, а также лучшего маркетинга. Когда я говорю о продуктах, я имею в виду как темы, так и расширения».

«В настоящее время у нас есть несколько тысяч клиентов, средняя сумма заказа которых составляет $130. Многие клиенты приобретают два или три продукта сразу, поскольку мы разрабатываем темы и плагины, работающие в симбиозе друг с другом», отметил Майкл.

«Несмотря на успех тем и плагинов BuddyBoss, рабочее время компании делится примерно в равном отношении на поддержку продуктов и на работу с клиентами».

«Разработка на заказ составляет важную часть нашего дохода, она позволяет быстро поднять выручку от продаж продуктов», говорит Айзенвассер.

«Фактически у нас есть две команды, которые занимаются разработкой, поддержкой и обслуживанием. Я лично управляю командой по разработке товаров, в то время как мой бизнес-партнер Том Чедд заведует обслуживанием клиентов.

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

Сфокусированное, целенаправленное развитие продуктов

В первые годы существования BuddyBoss Майкл устроился на работу, связанную с обслуживанием SongLyrics.com. Это дало ему некоторые ценные навыки, однако в итоге разработка тем в BuddyBoss поначалу шла очень медленно.

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

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

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

boss-1100x760

«Разработка под социальные сети требует тщательного продумывания, и мы тратим свое время на изучение и анализ каждого аспекта», говорит Айзенвассер.

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

Текущее состояние рынка тем и плагинов BuddyPress

Несмотря на то что BuddyPress – это плагин с восьмилетней историей, обладающий сложившимся сообществом участников, рынок тем и плагинов BP остается относительно ограниченным и узким. Айзенвассер не думает, что рынок BuddyPress достаточно широк, чтобы поддерживать полноценный бизнес, связанный с темами, однако его команда работает над привлечением аудитории вне традиционного сообщества WordPress/BuddyPress.

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

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

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

«Мы всегда хотели создавать как темы, так и плагины», говорит Айзенвассер. «Я не вижу никакой разницы между ними. Как по мне, мы создаем полезные решения».

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

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

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

Несмотря на то что существует ряд успешных BuddyPress-тем на рынке Themeforest, BuddyBoss – возможно, один из самых крупных независимых магазинов разработки тем под BuddyPress на данный момент. Опыт Айзенвассера показал, что рынок продуктов BuddyPress пока что не слишком широк. Компании, которые хотят воспользоваться данным пространством, должны будут предлагать продукты высшего качества, а также одновременно прощупывать почву для развертывания рынка WordPress + BuddyPress.

Источник: wptavern.com

Добавляем загрузку аватаров к странице регистрации в BuddyPress

0

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

Один из вариантов подтолкнуть пользователей к загрузке аватаров состоит в том, чтобы сделать этот пункт самым первым на странице регистрации. BuddyPress Upload Avatar Ajax – новый плагин, несколько необычно названный, который добавляет загрузку аватаров к форме регистрации. Кнопка загрузки расположена перед детальной информацией аккаунта:

upload-avatar

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

registration-avatar

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

register-with-avatar

Это очень простая превентивная мера, которую вы можете применить на своем BuddyPress сайте, чтобы получить больше пользователей с аватарами. Установите плагин с WordPress.org и активируйте его; у него нет никаких настроек.

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

Источник: wptavern.com

Добавление таксономий к группам BuddyPress

0

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

postit-notes

Ядро BuddyPress на данный момент не имеет родной поддержки таксономий групп, однако эта возможность витает на горизонте, поскольку соответствующий тикет открыт для обсуждения. Тем временем Мэтью Виет создал свое решение. Виет, более известный как @imath, является разработчиком ядра BuddyPress, а также автором Alternative Public Group Control, экспериментального плагина, добавляющего дополнительные средства управления для публичных групп.

Как часто своей профессиональной жизни, @imath поддерживает социальную сеть, которая нуждается в таксономиях групп, чтобы помочь новым участникам вступать в подходящие группы. Он обнаружил, что существующий плагин BuddyPress Groups Tag не справляется с поставленной задачей, поскольку полагается на «метаданные групп», чтобы реализовать возможности тегирования. @imath считает, что метаданные лучше использовать для описания групп, а не для их классификации.

BP Groups Taxo: плагин для добавления меток к группам BuddyPress

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

Плагин позволяет администраторам групп выбирать метки при создании новой группы.

group-creation

Воспользовавшись небольшим кодированием, Виет смог создать администраторский интерфейс, позволяющий администраторам/суперадминистраторам быстро добавлять метки к группам. Этот экран расположен в разделе Groups – Group Tags:

group-tags-admin

Группы будут представлены в каталоге во фронтэнде с соответствующими метками:

groups-directory

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

Виет отправил патч в ядро BuddyPress в качестве первого шага по включению таксономий групп, что, естественно, приведет к тому, что его плагин станет рудиментарным. Метод, по существу, основан на «подделывании типа записи», чтобы получить все преимущества API таксономий WordPress. Четкого пути вперед пока нет, поскольку в WordPress не решены некоторые архитектурные проблемы, связанные с метаданными таксономий и отношениями записей.

Если участники ядра BuddyPress решат добавить поддержку таксономий групп, они должны будут представить планируемые изменения к рассмотрению в WordPress. Обсуждения ведутся в данной теме. На данный момент плагин BP Groups Taxo – лучшая возможность по добавлению меток к группам для вашего BP-сайта. Учтите, что плагин является экспериментальным, т.е. он не подойдет для применения на работающем сайте. @imath предлагает вам оставлять свои предложения и отзывы на GitHub.

Источник: wptavern.com