Великий profile register. ProfilePress: плагін для створення логін-форм, реєстрації та сторінок профілів у WordPress. Зовнішній вигляд форми

💖 Подобається?Поділися з друзями посиланням

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

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

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

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

Функції

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

  • Необмежену кількість фронтенд login-форм для користувачів
  • Необмежену кількість фронтенд форм для реєстрації користувачів
  • Необмежену кількість фронтенд форм для скидання пароля
  • Вікно попереднього перегляду дизайну форми
  • Багатокрокові реєстраційні форми
  • Перенаправлення з дефолтної WordPress login-сторінки на кастомну фронтенд login-сторінку
  • Перенаправлення з дефолтною WordPress сторінкиреєстрації на кастомну фронтенд сторінку реєстрації
  • Перенаправлення з дефолтної сторінки 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-денний гарантійний період, тому якщо ви зрозумієте, що плагін не відповідає вашим запитам, то завжди зможете повернути свої гроші назад.

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

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

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

В цілому, на мій погляд, досить-таки класна ідея, якщо зробити, наприклад, з блогу щось на кшталт відповідей mail.ru, то сайт сам по собі буде заповнюватися і розкручуватися. Я, до речі, вже бачив щось подібне лише з каталогом статей. У ньому також треба було зареєструватися на блозі, зайти в консоль та залишити свою статтю на перевірку. Якщо чесно, я тоді так сильно здивувався, що хтось дозволяє лазити своїм сайтом, що ще довго сумнівався — а це взагалі каталог статей або простої блог, автор якого вирішив так собі на халяву статей набрати? До речі, зовсім забув сказати, що плагін Profile Builder можна поставити не тільки на звичайний блог, але й на форум, магазин, дошку оголошень, зроблені на .

Погодьтеся, на багатьох форумах реєстрація стоїть просто жахлива, що просить чи не всі дані заповнити, у той час як плагін Profile Builder можна так гнучко налаштувати, що він вимагатиме лише ввести три поля: ім'я, емайл і пароль. Це дуже зручно, адже нікому не хочеться заповнювати про себе ціле досьє, та ще й заповнювати мега складну капчу (набір символів) або відповідати на нереально складне питання, на яке і людина важко відповість.

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

Як зробити форму реєстрації та авторизації на WordPress?

1 ) Перед тим, як приступити до встановлення плагіна Profile Builder, потрібно дещо налаштувати в блозі, щоб він міг дозволяти користувачам реєструватися. Отже, йдемо в параметри загальні і ставимо галочку біля пункту членство, і у вкладці роль нового користувача вибираємо учасник. Це той, хто зможе писати статті, але не зможе їх опублікувати.

2 ) Ок, тепер уже можна встановлювати плагін. Завантажити його можете.

3 ) Після того, як ви його встановите, все, що вам залишиться зробити, так це сторінку реєстрації користувачів. Для цього зайдіть у «сторінки» «додати нову», озаглавте її якось, наприклад «Реєстрація» і вставте ось цей шорткод у вкладці «текст» та опублікуйте сторінку. Якщо щось незрозуміло, дивіться на приклад нижче.

Ок, після цього у вас на блозі з'явиться така форма реєстрації.

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

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

- Форма для реєстрації.

- Форма для редагування профілю (для авторизованих користувачів).

- Форма для відновлення пароля.

Просто скопіюйте потрібний вам код і вставте його на місце, де ви хочете бачити потрібну вам форму.

Налаштування плагіна Profile Builder.

4 ) Як ви, напевно, вже помітили у нашої форми просто море непотрібних полів, давайте їх поприбираємо, щоб зайвий раз не лякати наших користувачів. Отже, для цього зайдіть в "користувачі" "Profile Builder" "стандартні поля профілю". Тут ви побачите три стовпці: назву поля, статус, обов'язкове поле.

У колонці «статус» вказані поля, які виводитимуться (показуватимуться) для заповнення. Рекомендую вам поставити їх у статус «приховувати».

У стовпчику «обов'язкове поле» вказано поля обов'язкові для заповнення, без яких не відбудеться реєстрація користувача.

У колонці «назва поля», гадаю, і так усе зрозуміло.

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

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

Всім привіт. Настав той момент коли мені знадобилася форма реєстрації на 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. Він простий і зручний, але вимагатиме деякий час на русифікацію форми реєстрації.

Почнемо, як і належить, з установки плагіна в 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.

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

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



Розповісти друзям