Группы Книга: WP-Recall для новичка

16 января 2018 в 18:02

Автор: Владимир Otshelnik-Fm

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

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

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

Шаблон позволяет пользователю устанавливать обложку в шапке шаблона (справа вверху иконка), устанавливать аватарку (иконка в области аватарки), выводить блок информации о пользователе (иконка "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 шаблона личного кабинета:

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

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

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

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

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

В этой таблице я проанализировал все существующие на этот момент вордпресс шаблоны личного кабинета для плагина 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 идеально подойдет под эту задачу.