Wordpress wp recall дополнения. Личные кабинеты базовой версии плагина. Создание собственных плагинов

WP плагин 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 (слаг) страницы кабинета. Теперь изменим второй параметр:

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

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

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

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

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

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

С помощью плагинов перечисленных ниже мы создадим удобную форму входа на сайта, а так же личный кабинет пользователя. Наиболее популярные плагины – это Theme My Login , Profile Builder , а так же Wprecall . Пример удачного личного кабинета на wordpress вы можете увидеть на сайте lifehacker.ru.

1. Создание профиля посетителя сайта с помощью плагина Theme My Login

Находим и устанавливаем плагин Theme My Login

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

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

Основные настройки Theme My Login

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

Настройка виджета Theme My Login.

Теперь переходи во вкладку Внешний вид – Виджеты и перетаскиваем в правую колонку Виджет Theme My Login. Предлагаю поставить галочки напротив всех полей кроме – показать Граватар.

Настройка профиля и консоли для покупателей интернет-магазина woocommerce.

В том случае, если у вас установлен шаблон woocommerce вы можете отключить консоль для покупателей, для этого перейдите во вкладку Woocommerce – Настройки и поставьте галочку напротив поля Запретить клиентам доступ в панель администрирования WordPress. В итоге, когда покупатель будет входить в интернет-магазин, у него будет доступен свой профиль и личный кабинет.
В личном кабинете покупатель сможет ввести Личные реквизиты и Адрес доставки . В профиле можно изменить пароль, а так же ввести контактные данные. В результате мы получим следующий вид личного кабинета пользователя wordpress сайта:

2. Настройка формы входа и отключения админ-панели с помощью плагина Profile Builder

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

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

3. Теперь создадим форму входа, личный кабинет с помощью плагина Wprecall . Плагин полностью бесплатен, чтобы его скачать нужно зарегистрироваться на сайте wppost.ru Автор плагина является Плечёв Андрей.

После установки плагина переходим во вкладку WP-RECALl и в самом верху выбираем Порядок вывода – Всплывающее окно

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

Wprecall имеет большое кол-во дополнительных настроек в которых не сложно разобраться. Это вывод информации о посетителей онлайн, настройка прав пользователей и тд.

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

Не все шаблоны одинаковы. Если вы поставили шаблон, который не показывает вам ссылок на админ панель, нет привычной формы авторизации — не паникуйте. Функционал wordpress остался на своем месте, только надо знать пути входа. Как войти в панель любого сайта на ворпресс, попасть в свой личный кабинет — читайте далее в статье.

Как войти в админку wordpress

Админ панель сайта на вордпресс находится (штатно) по адресу: http://домен-вашего-сайта.ру/wp-admin. Т.е. в браузере надо набрать после имени вашего сайта адрес страницы — /wp-admin . Если вы прошли аутентификацию на сайте, то сразу попадете в панель администрирования вашего сайта на wordpress. Иначе, сайт запросит ввод пары логин-пароль администратора.

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

Как войти в личный кабинет wordpress

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

http://домен-вашего-сайта.ру/wp-admin/profile.php

Для входа понадобится ввести пароль, если вы ещё не вошли на сайт.

Адрес формы авторизации на wordpress сайте

Как только вы пытаетесь перейти в раздел сайта, требующий авторизации, wordpress перенаправит вас на следующую страницу:

http://домен-вашего-сайта.ру/wp-login.php

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

Мало букафф? Читайте есчо!

Апрель 17, 2016 г.

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

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

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

А в конце статьи я расскажу вам о нашем свадебном путешествии !

Плагин личного кабинета WP-Recall: базовая версия

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

Преимущества WP-Recall

Среди основных преимуществ стоит выделить следующие:

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

Следует также отметить и другие положительные моменты. Плагин можно найти на сервисе GitHub и в официальном репозитории WordPress. Пользователи имеют возможность получать ответы на вопросы по использованию WP-Recall на форуме разработчика.

Многофункциональность плагина

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

Для администратора это:

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

Для пользователя:

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

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

• личный счет и возможность оплаты заказа его средствами;
• подключение к Интеркассе и Робокассе;
• наличие корзины покупателя;
• возможность отслеживать заказчиком изменения статусов заказа;
• фильтрация поступающих заказов для администратора;
• учет наличия товара и возможность резервирования.

Установка и настройка WP-Recall

Альтернативные способы создания личного кабинета Вордпресс

Возможность создания личного кабинета WordPress с помощью плагина предоставляется также авторами «Theme My Login» и «Profile Builder».

Плагин Theme My Login дает возможность выведения формы авторизации на вашем блоге в соответствии со стилем темы сайта, без использования консоли. То есть посетитель не попадает на отдельную страницу с логотипом «WordPress». Вместо этого плагин сам автоматически создает нужные страницы и виджет. Это делает плагин TML совместимым с любым шаблоном. Ряд модулей предоставляет и другой полезный функционал.

С деталями установки и настройки плагина Theme My Login вы можете ознакомиться в видеообзоре:

И последний на сегодня плагин WordPress для создания личного кабинета пользователя – Profile Builder . Его возможности обеспечивают:

• создание улучшенной формы регистрации, авторизации и учетной записи с выведением на отдельной странице и в сайдбаре;
• упрощенный процесс вставки форм в любое место блога с помощью шорткодов;
• возможность выбора стилей оформления;
• удобное построение форм с помощью Drag&Drop интерфейса;
• наличие русифицированной версии.

Принцип работы Profile Builder прост — в нужном вам месте сайта выводите соответствующий шорткод. Так выглядит результат использования строки в сайдбаре:

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

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

P.S. На следующий день после свадьбы мы мужем и друзьями отправились в путешествие на машине по Шри-Ланке. За 10 дней объехали наиболее интересные места со множеством приключений! Побывали в Канди, Сигирии, Дамбулле, Полонаруве, Нувара-Элии, Элле и во многих других городах. Если кому-то понадобится совет по планированию трипа по Шри-Ланке, я с радостью помогу!
Так мы ночевали в ланкийском частном детском доме:

На сафари в национальном парке. В паре метров от нас дикий вольный слон.

Потрясающий 9-арочный мост в Элле

На вершине горы Пидурангалы.

Путешествовать с друзьями очень приятно и весело!

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

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

Сегодня я расскажу о плагине Client Portal — Private user pages and login.

Для чего он мне понадобился?

Примерно месяц назад я разрабатывал сайт для школы изучения иностранных языков. Среди заданий по верстке, и функционала было задание создать личные страницы для всех учеников школы и при этом их должно быть удобно, наполнять для неопытного редактора. Конечно же сначала я начал искать плагины для создания личного кабинета для пользователя, но все они были слишком громоздки и имели огромный функционал, который попросту был не нужен и только делал сайт тяжелее. Во время поисков я попал на страницу плагина Client Portal — Private user pages and login и понял, что это то, что нужно. Легкий плагин, который позволяет создавать личные странице под каждого пользователя.

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

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

Как правильно подключить?

Скачав и установив плагин Client Portal — Private user pages and login. Вам нужно будет как то его привязать к пользователю, чтобы после того как он войдет на сайт, попадал именно на свою личную страницу.

Для начала нужно создать страницу с названием например «Личный кабинет». После чего скопировать туда шорткод — .

Для перенаправления я использовал плагин — Theme My Login. Как видим из скриншота ниже, я указал ссылку на редирект пользователя на нужную нам директорию.

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

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