Глава 2. Личные кабинеты в WP-Recall

Содержание главы:

  1. Что такое шаблоны личного кабинета WordPress плагина WP-Recall
  2. Установка шаблона личного кабинета, его активация и обновление
  3. Основная структура шаблонов личного кабинета
  4. Кастомизация шаблона личного кабинета
  5. Личные кабинеты базовой версии плагина
  6. Сторонние личные кабинеты пользователей
  7. Сравнительная таблица возможностей шаблонов ЛК
  8. Лайфхаки шаблонов ЛК

 


Что такое шаблоны личного кабинета WordPress плагина WP-Recall:

WP плагин WP-Recall расширяется за счет сторонних дополнений. В первой главе мы разобрали этот момент.

Есть отдельная категория дополнений WP-Recall: Шаблоны личных кабинетов WP-Recall - перейдите по ссылке в каталог дополнений и ознакомьтесь с доступными шаблонами (там представлены как бесплатные шаблоны, так и VIP и премиум шаблоны ЛК).

Шаблоны личного кабинета - готовое решение, представляющее в wp личный кабинет (ЛК) пользователя в совершенно другом отображении. Многие плагины представляют личные кабинеты пользователей без возможности простой смены их внешнего вида - в WP-Recall этот вопрос решается простым переключением в админке.

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

На данный момент в базовой комплектации плагина идут 2 бесплатных дополнения-шаблона личного кабинета: Sunshine и Grace. Это адаптивные (responsive) шаблоны личного кабинета (при условии что ваша wordpress тема адаптивна). Они представляют пользователю комфортное использование кабинета как на ПК, так и на планшетах или мобильных устройствах. Меню вкладок удобно группируется и скрывается в всем известный "бургер" - иконку, кликнув по которой вы получаете мобильное меню. Таким образом, большое количество вкладок в личном кабинете не разрывают шаблон кабинета, обеспечивая удобный пользовательский интерфейс.


Установка шаблона личного кабинета, его активация и обновление:

Установка шаблона личного кабинета: ничем не отличается от установки нового дополнения WP-Recall.
Переходим в админке: "WP-Recall" -> "Шаблоны" и в "Загрузить дополнение для WP-Recall в формате .zip" выбираем zip-архив дополнения шаблона личного кабинета и загружаем на сервер.

Менеджер шаблонов ЛК в админке
Менеджер шаблонов ЛК в админке

Активация шаблона личного кабинета: - активировать единовременно можно только лишь один шаблон личного кабинета. Для активации его на странице "WP-Recall" -> "Шаблоны" наводим на нужный шаблон в списке и нажимаем "Подключить"

Обновление сторонних шаблонов производится также как и сторонних дополнений - работу с которыми разобрали в 1-й главе. Базовые шаблоны обновляются при обновлении плагина.


Основная структура шаблонов личного кабинета:

100%-ное совпадение конечно зависит от используемого шаблона но как правило структура кабинета такая:

Структура кабинета
Структура кабинета

В верхней области шаблоны регистрируют свой сайдбар (в админке: "Внешний вид" -> "Виджеты") - т.е. вы можете разместить туда любой шорткод, текст или прочие виджеты.
В областях: actions, counters и menu дополнения выводят свои кнопки, и в области menu кнопки при переполнении складываются в "мобильное меню". В середине ЛК есть область контента личного кабинета - это тоже зона сайдбара для виджетов.

И в подвале ЛК вы тоже можете увидеть свою зарегистрированную зону для виджетов.

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


Кастомизация шаблона личного кабинета:

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

Про функционал WP-Recall шаблонов (templates, не путать с шаблонами личного кабинета) я рассказывал в 1-й главе.
Так вот: шаблон личного кабинета вы можете изменить, если вам нужно поменять что-то в верстке - изучите руководство "Используем функционал шаблонов в плагине WP-Recall. Список шаблонов". В папке шаблона личного кабинета есть темплейт office.php - его копируйте по безопасному пути и там уже вносите изменения. Так вы их не потеряете при обновлении плагина и дополнений шаблонов ЛК.

В плагине WP-Recall есть хуки и фильтры - но в рамках этой книги для новичков мы не будем затрагивать вопросы по разработке.


Личные кабинеты базовой версии плагина:

В базовой версии плагина идут 2 дополнения-шаблона личного кабинета. Это Sunshine и Grace. Рассмотрим их особенности и внешний вид:

WP-Recall шаблон личного кабинета Sunshine

Внешний вид шаблона Sunshine
Внешний вид шаблона "Sunshine"

Шаблон позволяет пользователю устанавливать обложку в шапке шаблона (справа вверху иконка), устанавливать аватарку (иконка в области аватарки), выводить блок информации о пользователе (иконка "I" вверху аватарки, "Подробная информация"):

Информация о пользователе
Информация о пользователе

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

Шаблон личного кабинета регистрирует свои три области виджетов: RCL: Сайдбар контента личного кабинета, RCL: Сайдбар над личным кабинетом и RCL: Сайдбар под личным кабинетом. Смотрите в админке: "Внешний вид" -> "Виджеты"

Шаблон позволяет выводить кнопки из области меню как в вертикальном представлении, так и в горизонтальном (настройка в админке: "WP-Recall" -> "Настройки" -> "Общие настройки" -> "Размещение кнопок вывода вкладок").

Горизонтальные кнопки при переполнении свернутся с в мобильное меню:

Кнопка мобильного меню
Кнопка мобильного меню

При нажатии на иконку "бургера" вы увидите остальные кнопки личного кабинета:

Раскрытое мобильное меню
Раскрытое мобильное меню

Цвет кнопок регулируется через общие настройки: "WP-Recall" -> "Настройки" -> "Общие настройки" -> "Оформление" -> "Основной цвет" - так вы их можете настроить под цвет вашего сайта.

В базовой версии плагина личный кабинет автора позволяет выводить:
1. чат (переписка в личных сообщениях)
2. выводить настройки профиля (заполнять произвольные поля профиля) - пользователь может их заполнить не заходя в админ панель (wp-admin).
3. выводить созданные группы
4. осуществлять вывод записей wordpress этого автора
5. выводить форму публикации
6. созданные заказы в интернет-магазине на базе бесплатного дополнения Commerce
7. выводить список созданных тем форума (дополнение PrimeForum)
8. выводить детализацию рейтинга пользователя
9. выводить список подписчиков и подписок на других авторов
10... произвольные вкладки созданные администратором в админке

Адаптивный дизайн кабинета позволяет им одинаково удобно пользоваться как на ПК, так и на планшетах и мобильных:

Внешний вид кабинета на мобильном устройстве
Внешний вид кабинета на мобильном устройстве

WP-Recall шаблон личного кабинета Grace

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

Посмотрим на внешний вид этого WordPress шаблона личного кабинета:

Внешний вид шаблона Grace
Внешний вид шаблона "Grace"

И его внешний вид на мобильном устройстве:

Внешний вид кабинета на мобильном устройстве
Внешний вид кабинета на мобильном устройстве


Сторонние личные кабинеты пользователей:

Сторонние шаблоны личного дополнения - все остальные шаблоны ЛК, доступные со страницы: Шаблоны личных кабинетов WP-Recall

Описание возможностей найдете на странице описания. Там же и скриншоты. Ниже я представлю несколько скриншотов с названиями wordpress кабинета - "для полноты картины":

Шаблон ЛК Across Ocean
Шаблон ЛК "Across Ocean"
Шаблон ЛК Across Ocean PRO
Шаблон ЛК "Across Ocean PRO"
Шаблон ЛК Theme Line
Шаблон ЛК "Theme Line"
Шаблон ЛК Theme Clear Sky
Шаблон ЛК "Theme Clear Sky"
Шаблон ЛК Theme Control
Шаблон ЛК "Theme Control"
Шаблон ЛК Theme Control и доп User Info Tab
Шаблон ЛК "Theme Control" и доп "User Info Tab"
Шаблон ЛК Light
Шаблон ЛК "Light"

Сравнительная таблица возможностей шаблонов ЛК:

В этой таблице я проанализировал все существующие на этот момент вордпресс шаблоны личного кабинета для плагина WP-Recall. Выделил из них основные моменты и особенности:

Сравнительная таблица возможностей WP-Recall шаблонов личного кабинета
Сравнительная таблица возможностей WP-Recall шаблонов личного кабинета

Пояснения к таблице:
1-й экран - это экран, сразу по заходу в wp личный кабинет, т.е. без каких либо дополнительных переходов.

Из всех шаблонов, только один шаблон - "Theme Control", поддерживает расширение своих возможностей через дополнение.
Это дополнение User Info Tab

Кастомайзер (WP Customizer): это значит что шаблон позволяет настроить пользователю кастомные цвета. Обводки, цвет областей кабинета, выбор квадратной или круглой аватарки. Их задают в админке через: "Внешний вид" -> "Настроить". Все настройки происходят в режиме реального времени - т.е. вы сразу видите вносимые изменения без перезагрузки страницы.


Лайфхаки шаблонов ЛК:

Если личный кабинет выводится через шорткод:
"WP-Recall" -> "Настройки" -> "Общие настройки (включая advanced settings)" -> "Порядок вывода личного кабинета" -> "Через шорткод wp-recall"

- То вы можете изменить заголовок личного кабинета "Personal office" на свой или стереть его совсем:

Тонкости страницы кабинета в админке
Тонкости страницы кабинета в админке

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

- Урл кабинета, на той же странице, вы сможете поменять на свой - под заголовком страницы: "постоянная ссылка" - "изменить" (смотри скриншот выше)

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

Сменим формат ссылки на личный кабинет
Сменим формат ссылки на личный кабинет

- и ссылка на ваш кабинет будет вида: ваш-сайт/lk/?author=1

Прочее:
Если вы хотите ссылку на кабинет вида: ваш-сайт/author/masha/ где masha - логин пользователя с которым он регистрируется, то вам нужно настраивать вывод кабинета через файл вордпресс шаблона author.php. Надо обладать некоторыми знаниями как это делать. Описание найдёте здесь - второй способ.

Или выбрать и приобрести готовый дочерний ВП шаблон, где эту работу уже провели специалисты. Ссылка на дочерние шаблоны

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


Искали плагин личного кабинета на WordPress? WP-Recall идеально подойдет под эту задачу.


Вы можете подписаться на бесплатное получение оффлайн варианта книги "WP-Recall для новичка" в формате pdf - через форму обратной связи.
Слева в форму введите в заголовок письма кодовую фразу: "WP-Recall для новичка" и укажите свой e-mail на который я вышлю вам эту книгу как только она будет завершена.

7 комментариев

  1. Шаблоны ЛК, их структура, кастомизация и лайфхаки - все что нужно знать о важнейшей сущности плагина, самом личном кабинете.
    Обязательно к прочтению всем, кто хочет узнать больше об ЛК и понять как его можно изменить!

    1

Оставьте комментарий

Авторизация
*
*
Регистрация
*
*
*
Настоящим подтверждаю, что я ознакомлен и согласен с условиями политики конфиденциальности
Генерация пароля
Написать
*
*