Расширяем форму регистрации и входа в админку вордпресс

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

Для чего? Вариантов использования таких премудростей может быть множество — от придания уникальности до необходимости. В частности, если вы хотите чтобы при регистрации в форме регистрации был написан некий текст в удобочитаемом виде, то расширить эту форму просто необходимо.

Рассмотрим стандартную форму для регистрации на сайте под управлением Вордпресс:

Стандартная форма

Видим, что она не такая широкая. Добавим в неё некоторый текст. Пусть это будет Пользовательское соглашение, которое пользователь, регистрирующийся на сайте, должен будет принять, поставив галочку. Сделать это можно с помощью плагина WP Disclaimer. Установили и настроили плагин, написали текст, который мы хотим видеть в форме регистрации. Далее, проверяем как всё это выглядит и получаем такую картину:

Узкая форма

Не вооружённым глазом видно, что читать это пользовательское соглашение никто не будет, так как это очень не удобно. Поэтому-то, в данном конкретном случае, нужно расширить эту форму регистрации, чтобы пользователи могли без проблем прочесть нужную информацию.

Как расширить форму регистрации на сайте Вордпресс?

Чтобы расширить форму регистрации и форму входа в админку сайта, можно использовать несколько вариантов:

1) Редактировать соответствующий файл движка  — способ не очень хороший, так как при обновлении движка (которые выходят не так редко) нужно будет всё переделывать;

2) Прописать в файл functions.php той темы, которая установлена у вас на сайте, небольшой кусочек следующего кода:

function my_custom_cool_login_width() {
  echo '<style type="text/css">
  #login {width: 450px !important;}
</style>';
}
add_action('login_head', 'my_custom_cool_login_width');

Значение

width: 450px

и есть нужное нам свойство. Указанный код можно поместить в начале кода файла functions.php или же где-то в серединке. В общем — как вам будет удобнее.

Устанавливаем ширину 650 пикселей и смотрим результат:

Широкая форма регистрацииТак-то лучше!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *