На сайтах, сделанных новичками, редко когда можно увидеть личный кабинет пользователя. Почему-то эта функция для многих начинающих кажется сложно выполнимой.
А ведь кабинет с настройками профиля юзера — это большие возможности; это первый шаг к созданию социальной сети и важный фактор привязки пользователей к вашему сайту.
На самом деле не все так сложно, как оно кажется. Существуют специальные инструменты для WordPress, с помощью которых можно добавить к себе на сайт личный кабинет — это плагины. В данной статье будут рассмотрены лучшие дополнения, с помощью которых вы сможете быстро добавить кабинет пользователя на свой сайт Вордпресс.
Плагин WP-Recall
По умолчанию после установки шаблона на WordPress у вас есть в разделе «Виджеты» специальный блок «Мета». После добавления его в сайдбар сайта у вас появится регистрация и поля для авторизации. Появится возможность авторизоваться на сайте. Но даже после входа на ресурс у посетителя не появится никаких индивидуальных функций, так как «Мета» не создает кабинет.
WP-Recall — мощное дополнение, которое самостоятельно выполняет функции сразу нескольких подобных модулей. С таким инструментом вы наверняка сможете создать удобный и функциональный кабинет пользователя.
Основные преимущества модуля WP-Recall:
- быстрая установка, понятная даже новичку;
- универсальность — работает с любым шаблоном WordPress;
- море настроек в меню WP-Recall;
- может быть дополнен специальными расширениями;
- программисты смогут изменить код по своему усмотрению;
- архив модуля имеет небольшой вес;
- есть русская и украинская версия инструмента WP-Recall.
Еще один плюс выбора модуля WP-Recall — это постоянная и качественная поддержка. В Интернете есть форумы, на которых создатели модуля охотно делятся советами и помогают новым пользователям освоиться.
Теперь разберем основные функции, которые предоставляет плагин WP-Recall для пользователя и вебмастера.
Итак, функционал для вебмастера:
- можно создать любое количества разных полей для заполнения в профиле;
- по надобности можно удалять аккаунты пользователей (то есть можно банить спамеров, распространителей флуда и т. д.);
- в комплекте есть разные типы оформления регистрационной формы;
- можно устанавливать ограничения для переписки между зарегистрированными пользователями;
- есть возможность ввести свою систему рейтингов для создания топов пользователей;
- можно группировать пользователей в определенные группы (еще одна важная функция для создания социальной сети);
- WP-Recall удобно использовать для совместных блогов — можно открыть функции публикации статей для зарегистрированных;
- функции реализуются при помощи шорткодов.
Какие возможности дает личный кабинет WP-Recall:
- посетитель сможет настроить личный кабинет как ему угодно, сделав его уникальным;
- над профилем будет видно в сети ли юзер или оффлайн;
- можно размещать свои материалы из профиля;
- есть личные чаты для мгновенной переписки;
- генерация черного списка для недоброжелательных посетителей;
- личный рейтинг;
- возможность создавать закладки в разделах вашего сайта WordPress и управлять ими с профиля;
- плагин WP-Recall позволяет самим посетителям объединяться в сообщества и группы, следить за их обновлениями;
- можно создавать свои фото- и видеогалереи внутри WordPress.
WP-Recall позволяет не только создать кабинет пользователя на WordPress для генерации социальной сети, но и организовать профиля клиентов для интернет-магазина. У посетителя будет свой личный счет, а также разные пути его оплаты. Непосредственно плагин сможет добавить Интеркассу и Робокассу, а остальные способы оплаты (интернет-кошельки, платеж картой, переводом) вам придется настроить самостоятельно. У пользователя появится своя корзина, которую он сможет наполнить доступными на сайте WordPress товарами. Для удобства он сможет подписываться на определенные рубрики с товарами и фильтровать доступные каталоги по своему усмотрению.
WP-Recall очень легко установить на движок WordPress. Не нужно предпринимать какие-то нестандартные действия. Достаточно зайти в админку WordPress, открыть раздел «Плагины» и нажать «Добавить новый». После этого найти расположение модуля у вас на компьютере и загрузить его на WordPress. Потом не забудьте активировать личный кабинет пользователя.
Чтобы настроить WP-Recall, достаточно зайти в административную панель WordPress сразу после его установки. В левой части с разделами меню вы увидите название модуля — это меню настроек плагина. Поскольку плагин доступный на русском языке, у вас не должно появится трудностей в его настройке — все просто и понятно. Для добавления функций модуля на сайт WordPress вам понадобится вставить шорткод на сайт.
Главное, что вы не должны забыть — это размещение полей для регистрации и авторизации. Очень часто вебмастера выбирают вывод этих полей в специальном блоке в боковой колонке сайта WordPress. Но чтобы такой виджет появился в сайдбаре, необходимо сначала его активировать. Найдите в разделе «Виджеты» блок под названием «Профиль пользователя» и перетащите его к активированным виджетам.
Плагин Theme My Login
Основное внимание в статье заслужил именно модуль WP-recall, но если к нему вы испытываете какую-то особую неприязнь и хотите найти свои пути создания личного кабинета, тогда воспользуйтесь плагином Theme My Login. Он позволяет сделать качественную форму регистрации и авторизации, которая идеально будет вписываться под общее оформления вашего ресурса. Работает инструмент по модульному принципу — вы можете активировать отдельные функции, запуская при этом специальные модули. Например:
- запуск «капчи» для защиты от взлома аккаунтов ботами;
- дополнительная защита при помощи функции «Безопасность»;
- модерация новых аккаунтов;
- функция «Пароль» — позволяет самостоятельно придумать себе пароль (по умолчания система его генерирует самостоятельно).
Рекомендуется отметить галочками все модули, которые доступны, так как большинство из них являются обязательными для создания нормального рабочего кабинета. Данный плагин, как и WP-Recall, можно настроить для осуществления продаж с личных кабинетов клиентов. Посетители смогут внести свои платежные данные, а также адрес, куда осуществлять доставку купленного товара. Оформление виджета вы сможете изменить в разделе «Виджеты».
Плагин Profile Builder
Еще один инструмент, который вам поможет в создании личного кабинета на сайте WordPress. Он не совсем подходит для самостоятельного использования, но поможет вам улучшить внешнее оформление формы регистрации и авторизации. Profile Builder позволяет легко установить виджет на сайт, так как работает на русском языке и с шорткодами. Сразу после установки у вас в меню появится несколько форматов оформления плагина. Вы сможете его использовать вместе с WP-Recall для создания мощного профиля пользователя и красивых виджетов личного кабинета.
Вывод
Указанных инструментов достаточно, чтобы создать мощный, удобный и красиво оформленный личный кабинет для постоянных пользователей вашего сайта. Вы сможете сгенерировать собственную социальную сеть, где пользователи будут активно переписываться между собой, либо — блог соавторов, где каждый сможет публиковать свои материалы. А для тех, кто решил заняться интернет-бизнесом личный кабинет превратится в способ сотрудничества с клиентами.
Внимание! Начиная с версии 9.0.0, при первоначальной активации плагина WP-Recall на сайте, плагин автоматически создает все необходимые страницы и настройки необходимые для его работы. Проверьте работу плагина до того, как производить его установку по инструкции ниже. Возможно, может потребоваться активация/деактивация одного из дополнений в менеджере дополнений WP-Recall.
Выводим личный кабинет – способ первый:
Через шорткод
С версии 7.4.0 личный кабинет пользователя можно размещать на произвольной странице через шорткод:
[wp-recall]
И такая страница уже есть в списке ваших страниц: в админке переходите в “Страницы”, находите страницу “Личный кабинет”. т.е. действий с вашей стороны не потребуется. Убедитесь что в “Настройках” плагина стоит вывод кабинета через неё:
Такая установка самая простая, однако есть возможность разместить личный кабинет через шаблон author.php
и она вполне может понадобиться тем, кому нужно показывать личный кабинет пользователя на странице архива этого пользователя, тогда следует произвести установку согласно инструкции размещенной ниже:
Способ второй:
Через шаблон author.php
Переходим в папку с используемой в данный момент WordPress темой вашего сайта, которая находится в папке: wp-content/themes/
и найти там файл author.php
На этом шаге может случится такая история, что такого файла в вашей теме просто нет. На самом деле, это совсем не проблема. Данный файл можно легко получить из простого переименования файла archive.php
или index.php
Для этого вы должны скопировать указанный файл к себе на жесткий диск, переименовать в author.php
и загрузить этот файл обратно на сервер в папку активной вордпресс темы. Конечно, стоит допускать, что ВП темы могут быть очень разными (сложными по структуре) и такой способ получения файла author.php
может не помочь в отдельных случаях, но мы будет пока ориентироваться на общие случаи. Тут важно понимать, что всё что нам нужно получить в итоге, это наличие файла author.php
Итак, после того как вы нашли или получили файл author.php
, откройте его в текстовом редакторе. Я рекомендую использовать для этого дела вменяемые редакторы, например, notepad++. Далее вставляем в файл, выше цикла вывода записей, код:
if ( function_exists( 'wp_recall' ) ) wp_recall();
– необходимый для работы плагина WP-Recall:
После этого, сохраняете файл, заменяете его на сервере и в общих настройках плагина выставляете вывод кабинета через архив автора:
Кстати: Если у вас в теме нет файла author.php
, то можно вставить следующий код в файл archive.php
:
if ( function_exists( 'wp_recall' ) && is_author() ) wp_recall();
Небольшое видео процесса:
Надеюсь процесс описан подробно и понятно.
p.s. Разницы вывода личного кабинета через шорткод или файл author.php
практически нет. Через шорткод вы получаете ссылку на кабинет вида: ваш-сайт/account/?user=1
(надпись “user” – в админке можно задать свою. 1 – идентификатор пользователя) Через author.php
ссылка на кабинет получается вида: ваш-сайт/author/masha/
(masha – логин пользователя с которым он регистрируется)
Все дочерние ВП темы в каталоге CodeSeller уже поддерживают вывод через страницу архива автора.
Если у вас возникли вопросы – создавайте новую тему на открытом форуме поддержки. Удачи!
Документация WP-Recall
Активация шаблона личного кабинета: – активировать единовременно можно только лишь один шаблон личного кабинета. Для активации его на странице “WP-Recall” -> “Шаблоны” наводим на нужный шаблон в списке и нажимаем “Подключить”
Обновление сторонних шаблонов производится также как и сторонних дополнений – работу с которыми разобрали в 1-й главе. Базовые шаблоны обновляются при обновлении плагина.
Основная структура шаблонов личного кабинета:
100%-ное совпадение конечно зависит от используемого шаблона но как правило структура кабинета такая:
И в подвале ЛК вы тоже можете увидеть свою зарегистрированную зону для виджетов.
Таким образом, без программирования, мы можем дополнить личный кабинет пользователя нужной нам информацией – просто разметите ее через виджеты.
Кастомизация шаблона личного кабинета:
Если областей виджетов вам недостаточно – вы можете дополнить шаблон личного кабинета своими областями или подправить верстку кабинета под себя.
Про функционал 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 идеально подойдет под эту задачу.
Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Давно не писал про новые плагины для WordPress, а посему решил немного разнообразить ленту постов тем, с чем сам сейчас разбираюсь — варианты социализации сайтов. Как вы знаете, в Вордпресс есть встроенная возможность регистрации и авторизации пользователей, а, следовательно, и возможность оформления и настройки своего личного профиля.
Но имеющийся функционал «умолчательного» личного кабинета в WP довольно сильно ограничен, а уж если «становиться ближе к людям», то на полную катушку (профиль, личка, группы, добавление сообщений с морды, рейтинги и т.п. атрибуты сообществ).
Следовательно, имеет смысл поискать подходящее стороннее расширение. Т.к. тема для меня новая, то пришлось чуток покопаться в кандидатах. Посмотрел в сторону BuddyPress, поизучал, но все же склонился в сторону отечественного продукта WP-Recall. Все же у него есть русскоязычный форум поддержки, да и возможность использования его для организации продаж с сайта меня очень вдохновила (подключаются платежные системы, личный счет ведется, корзина добавляется). Сам плагин расширяется за счет модулей, а посему лишнее всегда можно убрать, а нужное доставить.
Зачем нужен плагин WP-Recall?
Сразу оговорюсь, что знакомство с WP-Recall я только начинаю, а посему прошу не пинать, если что-то не так понял или что-то не упомянул. Потихоньку осваиваюсь и, возможно, что опишу какие-то моменты работы с ним более подробно, а пока только общее впечатление выложу и ваши комментарии обязательно послушаю.
Собственно, необходимость в этом плагине (или ему подобных) возникает тогда, когда вы хотите таки выйти за типовые рамки социализации своего проекта (как правило, «стандарт» заключается в возможности комментирования постов — это уже неплохо, но для людей взращенных в соцсетях все же маловато будет). Иногда имеет смысл дать «костяку» аудитории вашего сайта зарегистрироваться и получить возможность гораздо активнее участвовать в жизни вашего ресурса.
Как я уже упоминал, стандартные возможности профиля в WordPress, мягко говоря, недотягивают до идеала. Пользователям хотелось быть дать функциональный и легко настраиваемый под себя профиль (фотки, темы, нужные поля и т.п.), откуда он сможет общаться с другими пользователями сайта посредством личных сообщений, публиковать свои собственные записи (без захода в админку Вордпесса, что довольно важно) и даже организовывать собственные сообщества пользователей или участвовать в уже существующих. Ну, а в случае с WP-Recall вы сможет даже попробовать себя в роли владельца интернет-магазина (по продажам товаров или услуг) или прикрутить к сайту партнерку.
Плагин не новый (уже 15 версия идет), появился около четырех лет назад. Со временем он здорово оброс функционалом и, что примечательно, растет и репозиторий аддонов к нему (различных модулей, добавляющих тот или иной функционал). Правда, несмотря на то, что сам плагин бесплатный, многие аддоны к нему платные (либо доступны только при оплате вип-доступа, т.е. абонентской помесячной платы). Это немного печалит, но сие довольно распространенное явление (примерно так же дело обстояло с Виртуемартом для Joomla).
Небольшой путеводитель по возможностям плагина доступен в этом ролике (чтобы нагляднее представить — что, зачем и как):
В этом уроке мы заменим стандартный виджет Мета на более красивую форму входа, сделаем наш сайт более привлекательным для посетителей и покупателей.
С помощью плагинов перечисленных ниже мы создадим удобную форму входа на сайта, а так же личный кабинет пользователя. Наиболее популярные плагины – это 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
Устанавливаем плагин, затем переходим во вкладку Внешний вид – Виджеты добавляет виджет Текст и куда вставим шорткод [wppb-login]
Далее перейдём во вкладку Пользователи – Profile Biulder и выберем Включение и отключение админ-панели. Найдём поле subscribes, то есть подписчики и выберем статус Скрывать.
Вашему внимание небольшое видео по настройке плагина:
3. Теперь создадим форму входа, личный кабинет с помощью плагина Wprecall. Плагин полностью бесплатен, чтобы его скачать нужно зарегистрироваться на сайте wppost.ru Автор плагина является Плечёв Андрей.
После установки плагина переходим во вкладку WP-RECALl и в самом верху выбираем Порядок вывода – Всплывающее окно
Далее переходим во вкладку Внешний вид – Виджеты и выбираем виджет Профиль пользователя.
В итоге у нас получится следующий вид главной страницы с формой входа, который представлен на рисунке ниже.
Wprecall имеет большое кол-во дополнительных настроек в которых не сложно разобраться. Это вывод информации о посетителей онлайн, настройка прав пользователей и тд.
Подведём итог. В этом уроке мы рассмотрели, как заменить стандартную форму входа, создать удобную страницу профиля, личного кабинета для наших пользователей. По моему мнению, наиболее удобные плагины – это Theme My Login и Wprecall. На видео ниже показан внешний вид интернет-магазина: форма входа, личный кабинет и профиль, который я получил с помощью плагина Theme My Login:
ли со статьей или есть что добавить?