Что такое bbPress?

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

Как установить плагин bbPress

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

Создание нового форума

После установки, в меню вы увидите три новых пункта: ‘Forums’, ‘Topics’ и ‘Replies’.

Щёлкните на Forum — New Forum. Откроется страница добавления нового форума, внешне похожая на страницу создания нового поста или страницы. Введите заголовок для форума и небольшое описание, после чего нажмите кнопку Опубликовать.

Отображение форума на сайте

После того, как вы создали несколько форумов, самое время отобразить их на вашем сайте. Создайте новую страницу, назовите её, например, «Форум» или «Сообщество» и вставьте в область контента следующий шорт-код:

[bbp-forum-index]

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

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

Теперь, при переходе на эту страницу, пользователь увидит список созданных вами форумов.

Интеграция форума bbPress в шаблон

Чтобы открыть регистрацию пользователей на форуме, необходимо в разделе Параметры — Общие установить галочку «Любой может зарегистрироваться». Для создания страницы с формой регистрации перейдите в Страницы — Добавить новую, введите заголовок (например, «Регистрация»), а в контент добавьте шорт-код:

[bbp-register]

Не забудьте опубликовать эту страницу.

Так же нам потребуется форма для восстановления пароля. Создайте ещё одну страницу с именем «Восстановление пароля» со следующим шорт-кодом:

[bbp-lost-pass]

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

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

Настройки bbPress

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

Первая опция «Disallow editing after» по умолчанию имеет значение 5 минут. Эта настройка позволяет редактировать вашим посетителям свои сообщения в течение указанного времени после их публикации. Не распространяется на пользователей со статусом «Keymaster» и «Moderator».

Вторая опция «Throttle posting every» позволяет защитить ваш форум от флуда, разрешая публикацию сообщений не чаще заданного промежутка времени (по умолчанию 10 секунд).

Так же на странице настроек можно задать алиасы (slug) для ваших форумов, указать желаемое количество тем и сообщений, отображаемых на одной странице, разрешить пользователям подписываться на уведомления о новых сообщениях или позволить добавлять темы в избранное.

Пользовательские роли

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

1. Keymaster — владелец сайта и форума. Любому пользователю WordPress с правами администратора автоматически назначается эта роль. Keymaster может создавать и удалять форумы, создавать, редактировать и удалять все сообщения и темы других пользователей.

2. Moderators — могут редактировать форумы, темы и сообщения.

3. Participants — пользовательская роль по умолчанию. Позволяет создавать и редактировать их собственные темы и сообщения.

4. Spectators — доступ только для чтения.

5. Blocked — заблокированные пользователи, не имеющие возможность участвовать в форумах.

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

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

Стандартное поведение маски ввода в поле формы

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

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

По умолчанию, при задании маски ввода, форма работает следующим образом:

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

Маска ввода без автоматического удаления информации

Я посмотрел на плагин изнутри и нашел способ, как это исправить. Становится возможным продолжать вбивать информацию в маску, после focusout.

Теперь форма работает вот таким образом:

Решение

Суть находится в файле плагина  в функции checkVal(). Найдите следующий кусок кода:

function checkVal(allow) {

Далее, в этой функции необходимо найти условие:

if (allow) {
	writeBuffer();
} else if (lastMatch + 1 < partialPosition) {
	input.val("");
	clearBuffer(0, len);
} else {
	writeBuffer();
	input.val(input.val().substring(0, lastMatch + 1));
}

Это примерно 275 строка кода.

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

input.val("");
clearBuffer(0, len);

Получается, что мы не удаляем данные, если количество знаков меньше, чем количество знаков в маске.

if (allow) {
	writeBuffer();
} else if (lastMatch + 1 < partialPosition) {
	//input.val(""); 
	//clearBuffer(0, len);
} else {
	writeBuffer();
	input.val(input.val().substring(0, lastMatch + 1));
}

Версия плагина 1.3.1. Подробнее про работу плагина Masked Input на сайте разработчика.