Как настроить страницу входа в WordPress

Зачем вам нужна настраиваемая страница входа в WordPress?

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

• Это может хорошо работать для небольших веб-сайтов. Однако, если у вас есть бизнес-сайт или загруженное онлайн-сообщество, вы можете захотеть показать свой собственный бренд вместо WordPress.

Вот два пути, через которые вы можете пройти:

По любым вопросам вы можете обратиться к специалистам популярной компании по разработке WordPress из США .

Продолжаем читать ниже решения!

1. Используйте существующий макет WordPress.

• На самом деле настроить существующий несложно.
• Если вы просто меняете логотип или придаете ему совершенно другой макет, начните с действия login_enqueue_scripts.
• Здесь вы можете принять решение о выводе обычного простого фрагмента CSS или о предоставлении ссылки на полный файл CSS. Вы также можете поставить в очередь любой JavaScript по вашему выбору, который хотите использовать.
• В function.php

 add_action ('login_head', 'my_custom_login');
function my_custom_login () {
echo '<link rel = "stylesheet" type = "text / css" href = "'. get_bloginfo ('stylesheet_directory'). '/your_login_styles.css" />';}

• your_login_styles.css - это имя файла css, который создается для настройки страницы входа.
• Здесь следует проявлять осторожность, убедитесь, что вы используете очень специфические селекторы, чтобы убедиться, что вы переопределяете базовый стиль.
• По умолчанию логотип связывает любого пользователя с адресом: wordpress.org. Его можно изменить на URL-адрес вашего сайта, используя приведенный ниже код в файле functions.php:

 add_filter ('login_headerurl', 'my_login_logo_url');
function my_login_logo_url () {
вернуть get_bloginfo ('url');
}
add_filter ('login_headertitle', 'my_login_logo_url_title');
function my_login_logo_url_title () {
return 'Имя вашего сайта и информация';}

Самый удобный способ изменить сообщение об ошибке - использовать следующий код в файле functions.php:

 add_filter ('login_errors', 'login_error_override');
функция login_error_override ()
{
вернуть «Неверные данные для входа»;
}

По теме: WordPress против Adobe Business Catalyst: какая CMS лучше всего подходит для разработки?

2. Создайте новый макет.

• Для начала необходимо создать настраиваемый шаблон страницы для страницы входа.
• Для этого вы можете создать новый шаблон страницы и дать ему имя. например: page-login.php.
• После этого создайте новую страницу в WP Admin. Настройте постоянную ссылку для входа в систему. Таким образом, WordPress по умолчанию будет использовать шаблон page-login.php для этой страницы.
• Сохраните тег wp_login_form в шаблоне страницы page-login.php, чтобы отображалась форма входа.

Глобальное агентство информационных технологий, предоставляющее свежие, творческие цифровые услуги компаниям, которые хотят расти в Интернете. Ориентируясь на результаты, мы используем наши технические навыки и отраслевую проницательность, чтобы помочь вам достичь ваших цифровых целей. Будь то снижение показателя отказов с помощью интерактивного веб-дизайна или привлечение новых потоков трафика и доходов на ваш сайт. <a href="www.elsner.com/contact-us"> Расскажите нам </a> о своем проекте, чтобы приступить к работе ...

  </p>
</div>
<div class = "login-form">
<? php
$ args = массив (
'redirect' => home_url (),
'id_username' => 'пользователь',
'id_password' => 'пройти',
);
?>
<? php wp_login_form ($ args); ?>
</div>

• Можно сделать CSS в соответствии с вашими личными требованиями. Страница входа в систему уже работает.
• Мы можем попытаться войти в систему, в случае успеха мы будем перенаправлены на адрес, указанный в параметре перенаправления выше. Однако есть к чему обратиться.

 add_action ('init', 'redirect_login_page'); 

function redirect_login_page () {
$ login_page = home_url ('/ логин /');
$ page_viewed = базовое имя ($ _ SERVER ['REQUEST_URI']);
if ($ page_viewed == "wp-login.php" && $ _SERVER ['REQUEST_METHOD'] == 'GET')
{
    wp_redirect ($ login_page);
    выход;
}
}

- Страница входа может работать в соответствии с ожиданиями после того, как мы вошли в систему. В случае возникновения ошибки, например, при отправке неверной комбинации идентификатора и пароля или отправке пустых мест, мы будем перенаправлены на wp-login.php. Чтобы решить эту проблему, вы можете добавить в свой functions.php следующую функцию:

 add_action ('wp_login_failed', 'login_failed');

function login_failed () {
$ login_page = home_url ('/ логин /');
wp_redirect ($ login_page. '? login = failed');
выход;
}

 add_filter ('аутентифицировать', 'verify_username_password', 1, 3);

function verify_username_password ($ user, $ username, $ password) {
$ login_page = home_url ('/ логин /');
if ($ username == "" || $ password == "") {
wp_redirect ($ login_page. "? login = empty");
выход;
}
}

- Последняя проблема заключается в том, что мы также будем перенаправлены на wp-login.php, когда выйдем с сайта. Следовательно, нам также необходимо указать URL-адрес перенаправления при выходе из системы.

 add_action ('wp_logout', 'logout_page');
function logout_page () {
$ login_page = home_url ('/ логин /');
wp_redirect ($ login_page. "? login = false");
выход;
}

• Существует ряд вещей, которые можно сделать для улучшения страницы входа, например, добавление ссылки на утерянный пароль, ссылки на регистрацию и даже персонализированного сообщения об ошибке. Однако на данном этапе он теперь работает достаточно хорошо, чтобы пользователи могли входить в систему и выходить из нее. Это могло бы стать отличным началом для создания более продвинутой страницы входа.

Так что да! Вот и все.
С помощью нескольких простых настроек вы можете довольно удобно персонализировать страницу входа в систему, чтобы она соответствовала внешнему виду и ощущениям вашего сайта.

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

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

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