Главная › Новости

Themed Login Plugin

Опубликовано: 06.09.2018

7. Theme my loginFlector 5

Для WordPress существует громадное количество различных шаблонов на любой вкус. Но какой бы вы шаблон не выбрали форма регистрации и авторизации в блоге будет выглядеть стандартно независимо от используемого вами шаблона. Существуют, конечно, плагины для изменения вида этой формы, но как бы вы ее не изменяли она все равно будет существовать вне дизайна вашего блога. Плагин Themed Login Plugin исправляет данную ситуацию и полностью встраивает форму регистрации и авторизации в дизайн вашего шаблона, причем давая возможность через css настроить ее вид на любой вкус.

Скачиваем плагин с его домашней страницы и устанавливаем его:

1. Распаковываем архив.

2. Копируем файл themed-logreg.php в /wp-content/plugins/ .

3. Заходим в админку блога на вкладку " Плагины " и активируем плагин.

Настройка плагина происходит в " Плагинах\Login Register Options ". Первое, что вы там увидите это различный текстовой мусор напротив опции Toggle Complete Uninstall (удаление плагина). Не пугайтесь, на работоспособности плагина это никак не скажется. Просто автор плагина допустил маленькую ошибку, встраивая возможность локализации. Вы можете исправить данный баг, отредактировав файл плагина themed-logreg.php и заменив строчку:

How to Create a Custom WordPress Admin and Login Theme

267	<input name="jk_custom_logreg_complete_uninstall" type="checkbox" id="jk_custom_logreg_complete_uninstall" value="1" <?php ( 1 == ( int )get_option ( "jk_custom_logreg_complete_uninstall" ) ) ? _e ( ' checked="checked"' ) : _e ( '' ) ; ?> />

<input name="jk_custom_logreg_complete_uninstall" type="checkbox" id="jk_custom_logreg_complete_uninstall" value="1"<?php (1 == (int)get_option("jk_custom_logreg_complete_uninstall")) ? _e(' checked="checked"') : _e(''); ?> />

Create a Membership Website with WordPress - Accept Payments - Full Tutorial 2018

на

267	<input name="jk_custom_logreg_complete_uninstall" type="checkbox" id="jk_custom_logreg_complete_uninstall" value="1" <?php ( 1 == ( int )get_option ( "jk_custom_logreg_complete_uninstall" ) ) ; ?> />

<input name="jk_custom_logreg_complete_uninstall" type="checkbox" id="jk_custom_logreg_complete_uninstall" value="1"<?php (1 == (int)get_option("jk_custom_logreg_complete_uninstall")); ?> />

Но особой роли это не играет. Следующие опции:

Redirect After Login - редирект юзера после авторизации. по умолчанию юзера перенаправит на " wp-admin/ ", то есть в админку блога на " Панель приборов ". вы можете здесь поставить значение " index.php " и тогда юзер будет перенаправлен на главную страницу вашего блога.

Redirect After Logout - редирект юзера после выхода из блога. наиболее логичным значением будет " wp-login.php ", то есть редирект на страницу авторизации блога.

Следующие 3 опции это перевод заголовков формы:

Login Form Title - " Авторизация ".

Registration Form title - " Регистрация ".

Forgot Password Text - " Восстановление пароля ".

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

Template Header Files - название файла шаблона с заголовками вашего блога. практически всегда это " header.php ".

Template After Header HTML - здесь вы должны указать тот div , в котором у вас выводятся записи. в большинстве шаблонов это будет " <div id="content"> ", но далеко не во всех. так, например, для дефолтного шаблона в WordPress это будет " <div id="content" class="narrowcolumn"> ". внимательно изучите свой шаблон, чтобы найти какой именно div вам надо тут указать.

Template Before Footer HTML - здесь вы должны закрыть предыдущий div . то есть значение должно быть " </div> ".

Template Footer Files - файлы футера вашего шаблона. внимание, файл сайдбара тоже считается файлом футера! то есть здесь вы должны указать два файла: sidebar.php и footer.php , причем каждый на новой строке.

Дальше идут " Email Template Options " - то есть настройки отправления писем. Я тут ничего не меняю, пользуюсь настройками по умолчанию. Но вы, конечно, можете настроить шаблоны отправляемых писем по своему усмотрению.

Теперь плагин полностью настроен и если вы все сделали правильно, то при открытии ссылки регистрации в блоге вы должны увидеть встроенную в ваш дизайн форму  регистрации. Увидели, но выглядит она очень криво? Вполне вероятно, что виноваты css -стили, прописанные в файле style.css . При использовании дефолтного шаблона, например, заголовки формы вообще не видны. Чтобы настроить форму под себя вы должны отредактировать файл style.css вашего шаблона. Например, чтобы отцентрировать форму регистрации вы должны добавить такую строчку:

#login { margin : 0 auto 0 auto ; width : 250px ; }

#login {margin:0 auto 0 auto; width:250px;}

А чтобы настроить вывод заголовка формы добавьте что-то типа:

#login h1.btmspace { color : black ; font-family : Verdana , Serif ; font-size : 14px ; margin : 0 ; padding : 0 ; padding-top : 40px ; text-align : left ; }

#login h1.btmspace{ color: black; font-family: Verdana, Serif; font-size: 14px; margin: 0; padding: 0; padding-top: 40px; text-align: left; }

Идея понятна? Обращайтесь ко всем элементам формы через #login и настраивайте ее под ваш дизайн.

 

Автор плагина:

Страница плагина:

Скачать плагин: themed-logreg.zip

Рассматриваемая версия: 1.1 от 22.10.2006

Совместимость с версией WordPress: 2.0 и выше.