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

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

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

Просто и быстро изменить страницу входа login wordpress !

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



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


Как изменить логин и пароль в WordPress | Защита Wordpress

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


Как изменить логин администратора в WordPress

Следующих шаг — в разделе «Внешний вид» — «Редактор» открываем файл 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' ) ;

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