Меняем страницу логина в WordPress (+ креативные примеры)

Практически во всех системах управления контентом для сайтов имеется специальная страница для входа в админку (с логином и паролем). Более продвинутые и функциональные CMS позволяют эти страницы модифицировать, изменяя визуальное оформление и тексты на них. Где-то это делается с помощью базовых возможностей систем, где-то за счет специальных хаков или плагинов.

Целей у подобного изменения несколько. Во-первых, вы как разработчик можете добавить элементы своего бренда (логотип компании или копирайт). По умолчанию, там используется логотип WordPress, что, по сути, является брендингом.  Во-вторых, владельцы порталов и больших проектов, где страницей логина пользуются не только администраторы/редакторы, но и многие другие пользователи, могут пожелать реализовать ее под стать дизайна самого сайта.

Если говорить о простой смене логотипа (как вы можете видеть в изображении-примере в начале поста), то реализуется это весьма просто. Первым делом вам нужно создать соответствующую картинку, которая по размерам будет похожа на базовое лого WordPress. Сохранять ее следует с прозрачным фоном в формате PNG. Потом загружаем изображение на ФТП в директорию images используемого вами шаблона.

Следующих шаг — в разделе «Внешний вид» — «Редактор» открываем файл functions.php. Добавляем в него следующий код.

function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');

Здесь login_logo.png — название файла с картинкой, которую вы предварительно создали и загрузили в директорию images темы. Сохраняем все и проверяем как получилось.

Плагин BM Custom Login

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

Установка плагина BM Custom Login простая — скачиваете архив модуля отсюда, распаковываете и загружаете на ФТП в директорию /wp-content/plugins/. Либо находите его непосредственно в разделе плагинов в админке WordPress.  Дальше активируете модуль и переходите в одноименный пункт меню с настройками.

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

Примеры креативной страницы логина в WordPress

Напоследок припас для вас кое-что интересное. В фотосервисе Flickr в этой подборке имеется несколько пользовательских примеров замены стандартной страницы логина. Представляю вашему вниманию самые креативные из них.

Ну и всякие разные другие более простые вариации страницы логина:

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

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

Оцените статью:

(голосов - 9, средний балл: 5,67 из 7)

Загрузка...

Категории: Плагины; Хаки и секреты;
Теги: админка wp, вордпресс веб-разработка, оформление админки, простые плагины.