Создание социального веб-сайта с помощью плагина WordPress BuddyPress

Опубликовано: 2018-11-13
WordPress BuddyPress
Следуйте @Cloudways

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

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

Оглавление

  • Установить тему WordPress
  • Установите плагин BuddyPress
  • Настроить плагин
  • Используйте BuddyPress с темой
  • Создать меню для панели навигации
  • Включить регистрацию на веб-сайте
  • Настройте главную страницу

Шаг 1. Установите тему WordPress

Я выберу простую и базовую социальную тему для примера веб-сайта. В этом уроке я буду использовать тему Quest WordPress. Чтобы установить тему, перейдите в « Внешний вид» → «Темы» и найдите « Квест ». Затем нажмите кнопку « Установить», как показано ниже.

квест тема скачать

После установки нажмите кнопку « Активировать» , чтобы активировать тему на веб-сайте.

тема квеста

Шаг 2. Установите плагин BuddyPress

Перейдите в панель администратора WordPress, перейдите в раздел Плагины → Добавить новый → найдите BuddyPress в поле поиска в правом верхнем углу. Найдя плагин, нажмите кнопку « Установить сейчас» .

После завершения процесса активируйте плагин.

плагин buddypress

Затем я настрою плагин BuddyPress для использования с темой Quest .

Шаг 3. Настройте плагин BuddyPress

Перейдите в Плагины → Установленные плагины → BuddyPress → Настройки .

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

1. Компоненты

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

  • Расширенные профили: если этот параметр включен, вы можете добавлять настраиваемые поля в профиль пользователя.
  • Настройки учетной записи: установка этого пункта позволяет пользователям изменять свою учетную запись и уведомления прямо с экрана профиля.
  • Friend Connections: если этот параметр включен, пользователи могут отправлять запросы на добавление в друзья другим пользователям сайта. Если запрос принят, пользователи могут отслеживать друг друга через журнал активности.
  • Личные сообщения: когда этот параметр включен, пользователи могут отправлять личные сообщения другим участникам как индивидуально, так и в группе.
  • Потоки активности: этот параметр позволяет пользователям видеть действия своих друзей на социальном веб-сайте, включая темы, комментарии, упоминания, прямые публикации и добавление в избранное. Пользователи также получают уведомления по электронной почте.
  • Уведомления: этот параметр позволяет пользователям получать мгновенные уведомления о действиях друзей, включая запросы на добавление в друзья, личные сообщения и т. Д.
  • Группы пользователей: этот параметр позволяет пользователям создавать общедоступные, частные или скрытые группы природы.
  • Отслеживание сайта: если включено, записывает активность, связанную с новыми сообщениями и комментариями.

2. Варианты

Эти параметры улучшают взаимодействие с пользователем, разрешая (или запрещая) действия зарегистрированных пользователей.

вкладка опций

Автоматическое обновление активности

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

Синхронизация профиля

Эта опция позволяет пользователям связывать свои профили WordPress со своими профилями BuddyPress.

Опубликовать комментарии

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

3. Страницы

Это самый важный раздел для вашего социального сайта.

вкладка страниц

Хотя эта вкладка довольно проста, многие пользователи BuddyPress запутались. Позвольте мне помочь вам разобраться в этих трех ярлыках:

  1. Члены
  2. Деятельность
  3. Группы пользователей

Примечание. В случае сомнений используйте настройки по умолчанию для этих этикеток.

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

регистр

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

Активировать

Это также процесс активации учетной записи по умолчанию в BuddyPress. Для этого мне нужно снова создать новую страницу, перейдя в панель администратора WordPress и добавив новую страницу.

Создать страницы регистрации и активации учетной записи

Создайте страницу « Регистрация », перейдя в Pages → Add New .

Установка BuddyPress на wordpress

Создайте страницу « Активация учетной записи », перейдя в « Страницы»> «Добавить новую» .

Установка BuddyPress на wordpress

Теперь перейдите в Настройки → BuddyPress → Страницы.

Примечание. Если эти параметры не отображаются, перейдите в « Настройки» → «Общие» и включите параметр « Кто угодно может зарегистрироваться ».

Наконец, нажмите кнопку « Сохранить изменения » в конце страницы.

Шаг 4. Использование BuddyPress с темой

Перейдите в Внешний вид → Меню. Откройте Параметры экрана в правом верхнем углу.

Установка BuddyPress на wordpress

Убедитесь, что вы отметили BuddyPress.

Установка BuddyPress на wordpress

Шаг 5. Создайте меню для панели навигации

Примечание. Если у вас уже есть строка меню, удалите ее, прежде чем продолжить.

Установка BuddyPress на wordpress

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

Установка BuddyPress на wordpress

Удалите виджеты темы по умолчанию и настройте их в соответствии с вашими потребностями.

Установка BuddyPress на wordpress

Добавьте виджеты BuddyPress на боковую панель.

(BuddyPress) Вход: этот виджет включает в себя функцию входа в BuddyPress. Виджет представляет собой форму входа в систему в строке бокового меню.

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

(BuddyPress) Участники: в этом виджете бокового меню перечислены все недавние, популярные и активные участники.

(BuddyPress) Недавно активные участники: как следует из названия, этот виджет отображает недавно активных участников.

(BuddyPress) Кто в сети: присутствие в сети не означает, что пользователь также активен. Этот виджет помогает другим пользователям видеть других онлайн-участников.

(BuddyPress) Основная навигация: показывает активность и упоминает ее для всех пользователей. Это основная навигация, которая должна быть видна над всеми другими виджетами.

Шаг 6. Включите регистрацию пользователей на веб-сайте.

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

Чтобы сделать процесс регистрации общедоступным, перейдите в « Настройки» → «Общие» → отметьте « Кто угодно может зарегистрироваться».

Установка BuddyPress на wordpress

Шаг 7: Настройка главной страницы

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

В этом примере я установил страницу « Активность » в качестве главной страницы моего веб-сайта. Для этого перейдите в « Настройки»> «Чтение».

Установка BuddyPress на wordpress

Теперь нажмите кнопку « Сохранить изменения» . Ваш собственный социальный веб-сайт на базе плагина WordPress BuddyPress теперь готов для посетителей.

Поскольку я выбрал страницу «Действия» в качестве главной, посетители могут видеть текущую активность сразу после посещения веб-сайта. Вверху у меня есть меню BuddyPress с такими опциями, как Уведомления, Настройки и Профиль.

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

Я без проблем запускаю свою социальную сеть с включенным Varnish на моем управляемом сервере Cloudways. Однако, если вы столкнулись с проблемой, и проблема связана с конкретной страницей, продолжайте и исключите эти URL-адреса из настроек Varnish. Если проблема не исчезнет, ​​либо отключите Varnish с панели управления сервера Cloudways, либо обратитесь в круглосуточную службу поддержки в чате.

Последние мысли

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

Я также призываю читателей не стесняться задавать свои вопросы через раздел комментариев ниже. Я был бы рад ответить и направить вас. Удачного подключения!