Плагін Profile Builder та login Sidebar форма реєстрації на WordPress для користувачів. Плагін wordpress Profile Builder для реєстрації користувачів Вхід через соціальні мережі

Вам потрібна розробка інтернет магазинів, немає ідей зверніться до професіоналів.

Всім привіт. Настав той момент коли мені знадобилася форма реєстрації на WordPress , в попередніх постах я описував один код який сприяє виведенню в , час іде WordPress оновлюється все частіше, мені довелося шукати альтернативний варіант і я зупинився на плагіні Profile Builder.За допомогою цього плагіна можна вивести всю інформацію на блог і таким чином відгородити вашу адмінку від небажаних заходів зареєстрованих користувачів

У цій статті ми розберемо докладніше Плагін Profile Builderі Плагін login Sidebar, а так же навчимося створювати форму реєстрації на WordPress

Для початку потрібно завантажити плагін WordPress Profile Builder та активувати його. Далі в адмін панелі у вкладці "Параметри" -> "Загальні налаштування" ставимо галочку будь-хто може зареєструватися.

У вкладці Користувачі з'явиться нове меню « Profile Builder» , де можна редагувати параметри. Повірте їх там небагато.

Переходимо до створення нашої форми, для цього створюємо нову сторінку, називаємо її наприклад «Реєстрація» і в самій сторінці вставляємо шорткод . Хто не знає що таке шорткод, поясню коротко - це короткий код - в якому міститься певна функція, на даний момент у нас форма рег-цій.

  1. Додати нову сторінку
  2. Назва
  3. Вставляємо шорткод
  4. Зберігаємо

Такими ж методами можна створити інші сторінки:

  1. Сторінка із формою входу
  2. Сторінка з формою редагування даних користувача (користувач має бути авторизований)
  3. Сторінка з формою відновлення пароля

Всі ці шорткоди можна знайти за вкладкою "Адмін панель" -> "Користувачі" -> " Profile Builder», тут присутній весь список, я перерахував основні.

Налаштування у плагіна невеликі всю роботу виконують короткі функції, до основних:

В основних налаштуваннях, вибрати набір стилів на сайті, я так і не зрозумів для яких цілей ця вкладка потрібна так як у мене є «За замовчуванням» та «Ніякий»

І підтвердження по Email, після того, як користувач зареєструється на сайті, йому потрібно підтвердити реєстрацію.

Тут можна вибрати, яким користувачам включати/відключати адмін панель, хто не знає як це робиться, зараз опишу. Ви як адміністратор маєте право давати ролі будь-якому користувачеві, кожна роль має свої можливості, наприклад, автор може писати статті.
Для додавання ролі відкривайте вкладку «Користувачі» вибираєте зі списку потрібної вам людини та встановлюєте їй права, все легко та просто.

Стандартні поля профілю, тут ви можете спростити форму реєстрації (чим простіше тим краще) і після позначки обов'язкові поля користувач повинен обов'язково їх заповнити. Також через ці установки можна вивести інформацію про профіль.

Виводь Profile Builder у Sidebar

Можна вивести посилання, а можна форму реєстрації, виводитися вона знову ж таки через шордкод. Відкриваєте файл Sidebar і в потрібному місці встановлюємо код . Після цього користувач може ввести ім'я, пароль та увійти на сайт.

Як бачите, нічого тут складного немає. Я вам приготував ще альтернативний варіант, він простіше плагіна Profile Builder,Вам всього лише потрібно завантажити та активувати плагін Sidebar Login.І за допомогою віджету витягти його в потрібне вам місце, плюс цього плагіна, до нього можна додавати посилання, які будуть відображатися у зареєстрованого користувача.

Спочатку при вході на сайт виглядає він приблизно так:

На ваш розсуд ви можете розмістити необхідні посилання, які будуть доступні після реєстрації:

Наприклад, ви можете створити правила на сайті, і вони будуть відображатися у всіх зареєстрованих користувачів. Або дозволити публікувати новини, але для цього, даємо ролі автора, я додав кілька посилань і в мене вийшло таке:

Вийшла досить непогана форма, до речі її можна редагувати та змінювати стилі, для цього проходимо в розділ «Плагіни» — > знаходимо плагін Sidebar Login «Змінити» для редагування стилю Вам потрібен файл sidebar-login/style.css.

А ось список посилань, які можна витягнути з адмінки: Але вони доступні для різних ролей:

  1. http://ваш - сайт/wp-admin/post-new.php - дозволити користувачеві додати новину
  2. http://ваш - сайт/wp-admin/users.php - список всіх користувачів
  3. http://ваш - сайт/wp-admin/edit-comments.php?comment_status=all - коментарі
  4. http://ваш - сайт/wp-admin/profile.php - Ваш профіль

Решта можете додати самі, увімкніть уяву та використовуйте можливості WordPress на повну, будуть з'являтися питання пишіть? Відповім, допоможу!

У цій статті я показую, як встановити та настроїти плагін для відображення форми реєстрації та авторизації користувачів на сайті. Користувачі зможуть писати статті у ваш блог самостійно.

Привіт шановні читачі блогу сайт.Сьогодні ми розберемо плагін під назвою Profile Builder.

Даний плагін використовують для того, щоб користувачі реєструвалися і могли безкоштовно писати пости у ваш блог (про створення блогу), на тих умовах, які ви пропишите в плагіні. Простою мовою ми отримуємо безкоштовний контент, безкоштовних відвідувачів. Також читаємо про створення сайту.

Встановлення плагіна реєстрації Profile Builder:

Установка проводитися так само, як і в інших випадках за 3 пунктами:

1. Заходимо в адмін-панель.

2. Вкладка плагін => Додати новий плагін. => вводимо назву плагіна Profile Builder

3. Завантажуємо та активуємо.

Реєстрація користувача за допомогою плагіна:

Після встановлення та активації плагіна нам необхідно зайти у вкладку Параметри => Загальні налаштуванняі в вікні потрібно поставити галку в полі “ Будь-який користувач може зареєструватися”.

Тут же вибираємо Роль зареєстрованого користувача: (ту роль, яку потрібно) я вибираю учасник. Учасник WordPress - людина, яка може писати пости, але не може їх опублікувати в блог. Всі його пости зберігаються у вигляді чернеток, які потім перевіряє адміністратор та опубліковує їх.

Для того, щоб користувач міг зареєструватися, нам потрібно створити форму реєстрації. Створювати форму реєстрації будемо на окремій сторінці.

Створюємо сторінку, для цього проходимо у вкладку Сторінки => Створити нову сторінку(У деяких версіях Wp вкладка називається: "Додати нову").

Назва сторінки пишемо, таке яке нас цікавить, ну наприклад: "Реєстрація" і вставляємо попередньо скопіювавши або пишемо в тіло сторінки . Натискаємо на опублікування.

це код для відображення форми реєстрації, використовуємо для реєстрації нових учасників.

Тепер у нас є сторінка реєстрації з величезнимкількістю вікон та англійськими назвами.

Тепер потрібно, щоб зареєстрований користувач авторизувався. Для цього потрібно вставити форму авторизації користувача. Для цього використовуємо вже інший код . Виводимо її, наприклад, у сайдбар блогу. Для цього ми заходимо в редактор шаблону на шляху Зовнішній вигляд = Редактор. І вибираємо файл sidebar.php.

У файлі sidebar.phpми знаходимо місце, куди хочемо вставити форму авторизації, наприклад, під усіма віджетами. Знаходимо місце в коді та вставляємо .

Або щоб не чіпати код, можна створити віджет “Текст”, назвати його формою та вставити .

Виходить наче щось таке:

Налаштування плагіна:

Для остаточного завершення роботи з плагіном нам необхідно налаштувати плагін.

Для початку прибираємо всі не потрібні нам поля, що заповнюються при реєстрації. Пам'ятаємо просте правило: "Якщо хочемо більше реєстрацій, то форма заповнення повинна бути простіше".

Для того, щоб прибрати зайве поле заходи в адміністративну панель у вкладку Користувачі => default profile fields(перекладається, як "стандартні поля"). Ми бачимо тут багато вже знайомих нам полів, яких можна забрати. Плагін реєстрації:

Для того, щоб прибрати поля, нам необхідно вибрати потрібне нам поле і поставити галочку у слова Hide. Нижче наведено позначення, показані на малюнку вище:

Visibility- Показувати поле? (Можливо поставити 1 галочку в show(показувати) та hide(Прибрати)).

Required- Обов'язково до заповнення? (Можливо поставити YES(так) та NO(Ні). тобто. ми можемо залишити показувати поле, але щоб воно було не обов'язково до заповнення.

Всім привіт!. Таких дуже небагато, а російською так зовсім не знайти. Найкращим із тих, що я спробував, виявився плагін Profile Builder. Він простий і зручний, але вимагатиме деякий час на русифікацію форми реєстрації.

Почнемо, як і належить, з установки плагіна в wordpress - завантажте Profile Builder , розпакуйте архів і завантажте папку з файлами плагіна на сервер до директорії /wp-content/plugins, використовуючи , наприклад FileZilla. Відразу після активації, вас перекине в налаштування, які знаходяться в розділі "Користувачі" - "Profile Builder".

Якщо вирішили скористатися цим плагіном, то не забудьте дозволити користувачам реєструватися в WordPress: у розділі "Параметри" - "Загальні" поставити галочку навпроти "Будь-яка може зареєструватися" і вибрати "Роль нового користувача" - "Підписувач" або "Учасник" (може писати статті та зберігати їх у чернетках для перевірки адміном).

Усі основні налаштування плагіна зосереджені в пункті Default Profile Fields та зводяться до списку полів, які відображатимуться у формі реєстрації.

  • Input Field Name – назва поля.
  • Visibility — додати/видалити форму реєстрації.
  • Required – обов'язкові поля.

Name (ім'я):

  • Username – ім'я користувача. Обов'язкове поле, яке не можна приховати.
  • First Name та Last Name — ім'я та прізвище користувача.
  • Nickname - нікнейм.
  • Display name publicly as... — яке з імен відображатиметься на блозі.

Contact Info (контакти):

  • E-mail – адреса електронної пошти. Завжди обов'язкове поле.
  • Website - сайт.
  • AIM, Yahoo IM та Jabber / Google Talk- Послуги обміну миттєвими повідомленнями через Інтернет.

About Yourself (про себе):

  • Biographical Info – поле для введення інформації користувачем про себе.
  • New Password — новий пароль. Ще одне обов'язкове поле, яке не приховати.

Після налаштування полів необхідно вивести результат роботи плагіну реєстрації Profile Builder на блог. Це робиться за допомогою наступного шорткоду:

4. Відновлення пароля:

[wppb-recover-password]

Просто беремо потрібний код і вставляємо або в текст заздалегідь створеної та відведеної під форму реєстрації/авторизації або в стандартний «Текст».

На жаль, усі поля англійською мовою, тому доведеться їх русифікувати на ручну. Для цього перейдіть до розділу «Плагіни» — «Редактор» і у верхньому правому куті виберіть Profile Builder.

  • - Цей файл відповідає за форму авторизації, яка виводиться за допомогою коду №1.
  • profile-builder/front-end/wppb.login.php- Форма реєстрації (код №2).
  • profile-builder/front-end/wppb.edit.profile.php- Редагування профілю (шорткод №3).
  • profile-builder/front-end/wppb.recover.password.php- Форма зміни пароля, одержувана за допомогою шорткоду №4.

Знаходьте англійські слова та замінюєте їх російськими еквівалентами.

На цьому все, дякую за увагу. Всіх вам благ!

ProfilePress – це плагін для додавання форм на WordPress сайт за допомогою шорткодів. З цим інструментом ви зможете створювати форми для реєстрації користувачів, login-форми та профільні сторінки, і таким чином будувати цілу спільноту навколо свого сайту. Він працює з існуючою системою користувачів WordPress та сумісний з будь-якою темою.

Плагін включає 5 різних стилів для форм, так що ви зможете вибрати той варіант, який найкраще буде підходити дизайну вашого сайту. Також для плагіна доступний набір тем, які при необхідності можуть допомогти вам змінити стиль форм.

Опис Демо Завантажити

Плагін можна завантажити безкоштовно з каталогу WordPress. Також доступна преміум версія, яка включає такі додаткові функції як завантаження аватара для користувача, реєстрація через профіль в соціальній мережі, Captcha і т.д.

Функції

Функції, включені у безкоштовну версію:

  • Необмежена кількість фронтенд login-форм для користувачів
  • Необмежену кількість фронтенд форм для реєстрації користувачів
  • Необмежену кількість фронтенд форм для скидання пароля
  • Вікно попереднього перегляду дизайну форми
  • Багатокрокові реєстраційні форми
  • Перенаправлення з дефолтної WordPress login-сторінки на кастомну фронтенд login-сторінку
  • Перенаправлення з дефолтної WordPress сторінки реєстрації на кастомну фронтенд сторінку реєстрації
  • Перенаправлення з дефолтної сторінки скидання пароля на кастомну фронтенд сторінку скидання пароля
  • Перенаправлення користувачів на кастомні сторінки після входу/виходу із системи
  • Вбудований інсталятор для встановлення тем для форм ProfilePress

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

Як працювати з плагіном

Після того, як ви завантажите та активуєте цей плагін, знадобиться також встановити плагін Shortcake Shortcode UI, який розроблений для забезпечення користувачам зручного інтерфейсу для додавання шорткодів до постів, перегляду та редагування його в редакторі контенту.

Як тільки це буде зроблено, ви повинні переконатися, що реєстрацію для користувачів відкрито. Для цього відвідайте розділ Установки → Загальніі поставте галочку напроти “Будь-який може зареєструватися”.

Нарешті, якщо ви придбали платну версію, введіть свій ліцензійний ключ, щоб отримати оновлення до плагіна.

При активації плагіна до вашого сайту додасться ряд сторінок: Реєстрація, Вхід, Скидання пароля, Зміна пароля і т.д. Ці сторінки мають спеціальні шорткоди для розміщення форм. Якщо ви хочете створити нові сторінки або змінити ті, на яких вони відображаються, ви можете це зробити на сторінці основних налаштувань плагіна.

Тут ви також можете змінити параметри перенаправлення, вибрати які сторінки перенаправляти користувача після входу/виходу з системи і т.д.

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

Робота з будівельником форм

На сторінці опцій плагіна вгорі є окрема вкладка для кожного типу форми - login, register, user profile і так далі. При виборі одного з варіантів ви побачите, що плагін пропонує 5 різних стилів для форм разом з їх шорткодом. Щоб вибрати інший стиль, просто оновіть шорткод на сторінці.

Потім у фронтенді сайту можна переглянути форму:

Якщо ви хочете внести зміни, натисніть посилання “Edit ”. Перед вами з'явиться вікно з HTML та шорткодами для налаштування вибраної форми.

Найпростіший спосіб редагування форми - це натиснути кнопку “ProfilePress Shortcodes ”. На екрані з'явиться спливаюче вікно з усіма доступними елементами, які можна використовувати у формах. Для додавання елемента потрібно просто натиснути на його кнопку.

Нижче ви можете побачити вікно попереднього перегляду вашої форми, в якому всі ваші зміни будуть відображатися миттєво. Під ним знаходиться вікно CSS, в якому ви можете змінити зовнішній вигляд вашої форми.

Вхід через соціальні мережі

Якщо ви хочете, щоб користувачі могли реєструватися/входити в систему через свій профіль у соціальній мережі, вам знадобиться задати API ключі у налаштуваннях плагіна у вкладці “Social Login ”. Там ви вводите параметри доступу для Facebook, Twitter, Google, Linkedin і таке інше.

Зовнішній вигляд форми

У плагіні є 5 вбудованих стандартних тем, ось наші улюблені стилі:

Якщо вам знадобиться інший варіант, ви завжди можете придбати необхідну тему окремо. Ось деякі з доступних варіантів:

  • Pinnacle – спокійна та охайна тема для WordPress зі сторінкою для входу, реєстрації та скидання пароля, а також з можливістю входу через соціальну мережу.
  • Montserrat - красива тема для створення односторінкової ProfilePress форми, яка буде включати форму для входу, реєстрації, скидання пароля і входу через соціальну мережу.
  • Stride - елегантна, що настроюється багатоступінчаста WordPress форма для реєстрації.
  • Bash one-pager – проста, красива, чуйна, односторінкова форма з можливістю входу через соціальну мережу.
  • Bash Edit Profile - акуратна, чуйна форма для профілю користувача WordPress.
  • Parallel – горизонтальна, чуйна, ефектна форма для входу, реєстрації та скидання пароля, з можливістю входу через соціальну мережу.
  • Perfecto - форма для входу, реєстрації та скидання пароля з двома колірними акцентами.

Вартість

Ціни на преміум версію плагіна починається з $49 за ліцензію для одного сайту, $99 – для 3 сайтів та план для розробників з необмеженою кількістю сайтів за $199. Всі плани включають рік підтримки і оновлень. Вартість додаткових тем – від $5 до $10.

Але не забувайте, що також доступна і безкоштовна версія.

Аддони

Також є 2 розширення: "Email confirmation" - перед реєстрацією користувачам потрібно буде підтвердити їх email; "MailChimp" - додає користувача до списку розсилки. Кожен аддон коштує $29.

Висновок

Це хороший якісний плагін, який допоможе вам створити справжнє співтовариство для свого сайту. Тут увімкнені всі необхідні функції для налаштування реєстраційних форм, щоб вони відповідали вашим потребам. Стандартні теми плагіна дійсно хороші, але якщо вам знадобиться інший варіант, ви завжди зможете придбати необхідну тему відносно невелику вартість. Те саме стосується і аддонів.

Якщо ви шукаєте такий плагін, обов'язково зверніть увагу на цей варіант. Для того щоб протестувати його самостійно, ви завжди можете завантажити безкоштовну версію. Варто зазначити, що в платній версії передбачений 30-денний гарантійний період, тому якщо ви зрозумієте, що плагін не відповідає вашим запитам, то завжди зможете повернути свої гроші назад.

Одним словом, завантажуйте, тестуйте та створюйте красиві форми у себе на сайті.

Поділитися