Как сделать модульную форму регистрации wordpress без плагинов?

Question

[deden81281]

Пробовал реализовать модульную форму регистрации на подобии -

spoiler

https://studio-gost.ru/vsplyvayushhaya-forma-vxoda...

Но попытки были тщетны и модуль либо вообще не работал, либо страничка обновлялась сразу же
Хотелось бы узнать, как на подобии этого -

spoiler

https://www.howtomake.com.ua/wordpress/ajax-avtori...

cделать модульную ajax форму регистрации на wordpress

Comments

[Kovalsky]

Мне кажется это тот же самый вопрос - Как сделать авторизацию wordpress без плагинов?

[deden81281]

Kovalsky, так это же авторизация, а мне нужна именно регистрация

Answer 1

[Орхан Гасанлы]

Здравствуйте!
Вы даже не указали, что именно не получчается, какая ошибка возникает и т.д.

Как сделать модульную форму регистрации wordpress без плагинов?

Разделите задачу на несколько этапов:
1) модальное окно (реализуйте кнопку, при клике на которую отображается, )
Если тема на бутстрап, то вот: https://getbootstrap.com/docs/4.0/components/modal/
Если тема не на бутстрап, то можете взять любую jquery модалку.
Например, https://stephanwagner.me/jBox

2) Далее реализуйте вывод формы регистрации внутри модалки и обработку формы после сабмита.
Вот, например -
https://gist.github.com/vishalbasnet23/1937b45be0e...
Можете еще поискать реализации, но как по мне этого примера достаточно.

Comments

[deden81281]

1) Модальное окно уже реализовано при создании авторизации.
2) Пробовал использовать уже и эту реализацию, и другую, после подтверждения ничего абсолютно не происходит, обновляется страница и все, т.е. по сути сама регистрация не происходит

[deden81281]

Пробовал если что данную реализацию - fellowtuts.com/wordpress/wordpress-ajax-login-and-...

[Орхан Гасанлы]

deden81281,
во вкладке "сеть" браузера данные отправляются POST запросом?

Если это аякс запрос, то страница не должна обновляться. Значит, либо у вас где-то ошибка в коде, либо у вас отсутствует jQuery вовсе

обновляется страница и все

[deden81281]

azerphoenix, только что взял и перепроверил код с хаба, данные не отправляются, jquery подключен и работает

spoiler

<script src="https://code.jquery.com/jquery-3.4.1.min.js" crossorigin="anonymous"></script>

js код и форма прописывались в header.php

[Орхан Гасанлы]

Ну для начала прочитайте о том, как именно подключить jQuery к ВП сайту.

В общем, ознакомьтесь с кодексом ВП. Еще посмотрите нет ли js ошибок в консоли.

Чтобы подключить скрипт вам нужно:
1) https://wp-kama.ru/function/wp_enqueue_script
2) jQuery Обычно есть в ВП и чтобы подключить свой, нужно сперва сделать dequeue
https://wp-kama.ru/function/wp_dequeue_script