Иногда нужно сделать так, чтобы окно регистрации на сайте или окно для ввода логина и пароля на вход в административную панель сайта на Вордпресс, было чуть шире оригинальных размеров. Как это сделать и будет идти речь в этой статье.
Для чего? Вариантов использования таких премудростей может быть множество — от придания уникальности до необходимости. В частности, если вы хотите чтобы при регистрации в форме регистрации был написан некий текст в удобочитаемом виде, то расширить эту форму просто необходимо.
Рассмотрим стандартную форму для регистрации на сайте под управлением Вордпресс:
Видим, что она не такая широкая. Добавим в неё некоторый текст. Пусть это будет Пользовательское соглашение, которое пользователь, регистрирующийся на сайте, должен будет принять, поставив галочку. Сделать это можно с помощью плагина 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 пикселей и смотрим результат:
Так-то лучше!
