Пользовательская форма входа с сайта WordPress на сайт без WordPress

Я создаю новый сайт для клиента на основе WordPress. У них уже есть сайт, не принадлежащий к WordPress, доступ к которому может получить доступ к посетителям (в другом домене). Я искал решение для всего этого в течение последнего месяца или около того, но я не могу найти решение.

Мне нужно добавить всплывающую форму входа в пункт меню на сайте WordPress, который перенаправляет успешный вход на сайт без WordPress.

Единственное, что мне удалось найти, это пользовательские логины Worpress, но это не то, что мне нужно.

Я нашел различные формы, которые я могу добавить в файл login.php на WordPress, но опять же, это работает в предоставлении входа на сайт WordPress (чего я не хочу), а не в не-Wordpress.

Кто-нибудь знает, как я могу это достичь, и, возможно, предоставить инструкции и код? Я не совсем кодер, кроме некоторых базовых HTML и CSS, поэтому чувствую, что я собираюсь в кругах, не приближаясь к решению.

Поэтому в основном поток, который мне нужен, будет таким:

  1. Пользователь нажимает на элемент меню «Вход» на сайте WordPress
  2. Форма входа всплывает. Ion lightbox / modal
  3. Пользователь вводит имя пользователя и пароль и клики Отправить
  4. После нажатия кнопки «Отправить», если вход успешно завершен, они перенаправляются на сайт без WordPress.

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

Большое спасибо

Solutions Collecting From Web of "Пользовательская форма входа с сайта WordPress на сайт без WordPress"

@Akeyla Да, это именно то, что мне нужно. Итак, в WordPress, какие файлы мне нужно изменить, чтобы добавить код, который вы мне отправили, и форму для входа? например, у меня есть этот код для формы:

<div> User name: <input name="log" type="text" /> </div> <div> Password: <input name="pwd" type="password" /> </div> <div> <input type="submit" value="Login" /> <input type="hidden" name="action" value="my_login_action" /> </div> 

Это я добавил бы между тегами, которые вы мне прислали. Вопрос в том, где я могу добавить этот код в WordPress и как связать его с уже определенным элементом меню (login)?

Извините, если я не знаю, что я просто не могу понять, как это работает

еще раз спасибо

Таким образом, вы хотите получить доступ на сайте, отличном от WordPress. Если это правильно. Когда вы нажимаете логин в меню, он должен отображать форму входа, но действие формы должно быть действием страницы входа в систему, отличной от WordPress. Чем каждый пользователь вводит учетные данные для входа. Он отправит его на сайт без WordPress, чем там, где пароль может быть проверен, и если у пользователя есть доступ, чем он будет двигаться дальше. Скажем, например, создайте его так

  <?php /** Tempate Name : Login page */ get_header(); ? > <form action="non-wp site login action url" method="post"> <! --- here your form components --> <div> User name: <input name="log" type="text" /> </div> <div> Password: <input name="pwd" type="password" /> </div> <div> <input type="submit" value="Login" /> <input type="hidden" name="action" value="my_login_action" /> </div> </form> <?php get_footer();?> 

Таким образом, ваше действие формы автоматически отправит его в действие входа в систему, отличное от WordPress. Он будет проверен там.

По второму вопросу создайте файл внутри активной темы и добавьте вышеприведенный код. Сохрани это. Затем перейдите в wp-admin а затем создайте новую страницу и назовите ее как «Вход», и перед публикацией страницы выберите страницу Login Page в шаблон. Чем его сохранить

И теперь перейдите в Appearances -> Menu здесь, добавьте страницу входа в свое меню, а затем сохраните и перейдите на передний план. Он покажет ссылку. Как только вы нажмете на него. Он покажет вам форму входа.

Затем попробуйте заполнить учетные данные пользователя сайта без WordPress и отправить его. Это приведет вас к действию входа в сайт без WordPress, и если он будет разрешен, он будет работать там.

@Akelya

Большое спасибо за подробный шаг за шагом, я очень ценю это! Последний вопрос: как сохранить файл? Какое расширение?

Имеет ли значение, в какой папке я его сохраняю? Я использую дочернюю тему для настройки некоторых элементов темы, я предполагаю, что я должен ее там сохранить?

EDIT: мне удалось добавить форму, а также открыть ее в модальном iframe. Мой последний вопрос, где бы я добавил CSS для стилирования формы? Поскольку файл, который я создал для файлов шаблонов, очевидно, не будет принимать никаких CSS. Добавляю ли я его в таблицу стилей, которая у меня есть в дочерней теме?

Еще раз спасибо за вашу помощь