Форма реєстрації в сайдбарі за допомогою login with ajax, mnogoblog

Привіт, сьогодні розглянемо ще один плагін - Login With Ajax, що дозволяє створити на сайті форму реєстрації та входу користувачів в сайдбарі (або в іншому місці вашого сайту), при цьому у даного плагіна є можливість використовувати технологію Ajax (тобто без оновлення вмісту сторінки) .
Завантажити вихідні для статті можна нижче

Плагін Login With Ajax більш простий в порівнянні з плагіном Theme My Login. про який я розповідав вам в попередній статті, однак, він без проблем впорається зі спрощенням процедури реєстрації нових користувачів на вашому сайті.

особливості:
  • Вхід під своїм логіном на сайт, реєстрація, відновлення пароля без оновлення вмісту сайту, так як використовується Ajax технологія.
  • Сумісність з WordPress, WordPress MU і BuddyPress (підтримуються тільки логіни BuddyPress, реєстрація нових користувачів поки не підтримується).
  • Перенаправляти користувачів при вході і виході зі свого облікового запису
  • Перенаправлення користувачів при вході і виході зі свого облікового запису на основі їх ролі (призначені для користувача ролі).
  • Можливість настройки оповіщення - редагування повідомлення, яке відправляється користувачам при реєстрації.
  • Наявність віджета.
  • Наявність шорткодов.

Плагін Login With Ajax є на wordpress.org.

Остання версія плагіна (на момент написання статті): 3.0.4.1

Завантажень: 173,844 - хороший показник!

Плагін русифікований. тобто якщо у вас панель управління російською мовою (русифікований wordpress), то і налаштування плагіна будуть російською мовою.

Установка плагіна стандартна - заходимо в панель управління сайтом, в лівому меню вибираємо пункт "Додатки" і його підпункт "Додати новий", в рядок пошуку вводимо Login With Ajax, встановлюємо і активуємо плагін.

Після чого в панелі управління, в лівому меню, в пункті "Налаштування" (Параметри) у вас з'явиться новий підпункт "Login With Ajax", заходимо в нього і бачимо наступне:

Налаштувань поменше, ніж в плагіні Theme My Login.

Всі настройки можна залишити за замовчуванням! - тобто не потрібно нічого змінювати, все буде працювати відмінно!

Параметр «Вимкнути оновлення сторінки при вході» - включає технологію Ajax. Якщо буде погано працювати, то можна відключити, в принципі і без неї плагін працює відмінно, причому за замовчуванням вона відключена.

Далі йде настройка редиректу (перенаправлення), тут можна для кожної ролі користувача поставити свій редирект.

І останнє - це настройка оповіщення - можна відредагувати повідомлення, яке відправляється користувачеві при реєстрації.

Тепер нам потрібно вставити віджет плагіна Login With Ajax в сайдбар.

Заходимо в панелі управління сайтом на wordpress в пункт «Зовнішній вигляд» і вибираємо підпункт «Віджети». Тут знаходимо віджет «Login With Ajax» і перетягуємо його в сайдбар, після чого нам відкриються його налаштування:

Ставимо галочки напроти двох пунктів представлених в даному віджеті:

Увімкнути. Profile link - додає посилання «Profile», коли користувач вже здійснив вхід, перейшовши по якій потрапляєте в редагування свого профілю:

Увімкнути. AJAX Registration - додається посилання «Реєстрація» (дивись скріншот нижче), яка дозволить вашим відвідувачам зареєструватися не покидаючи сторінку сайту, на якій вони знаходяться.

Після додавання віджету від Login With Ajax в сайдбар у нас на сайті з'явиться ось така форма (під дизайн теми вашого сайту):

Як бачите у нас також є два посилання внизу:

- Я забув свій пароль

Якщо натиснути на посилання «Забули свій пароль», то внизу у нас вислизне форма відновлення пароля через пошту:

Якщо ж ми натиснемо на посилання «Реєстрація», то у нас з'явиться лайтбокс (спливаюче вікно) з формою реєстрації:

Вводимо ім'я користувача та email, після чого тиснемо на кнопку «Реєстрація» і отримуємо позитивне повідомлення:

Закриваємо лайтбокс (спливаюче віконце), заходимо в свій email і дізнаємося пароль від логіна - ось і все процедура реєстрації!

На мою думку, зручно!

Якщо ви хочете вивести форму в будь-якому іншому місці вашого сайту, то використовуйте наступний код: