Если вы хотите получать уведомления о новых записях на блоге Mannodesign.Com, то просто подпишитесь на RSS-рассылку.
Спонсоры месяца: или Образование — сила!
по мнению пользователей Рунета
Краткое объявление: Анна Волкова на объявила , нарисованный в программе Adobe Illustrator. Конкурс продлится до 18.11.2009. Поспешайте!
Привет, привет, друзья мои! Вдогонку предыдущего поста рассказываю, каким образом можно кастомизировать свою собственную страничку авторизации на блоге. Но сначала пару слов о том, для чего это вообще нужно.
В прошлом постике в комментах прозвучал такой вопрос. И ведь, казалось бы, и правда — зачем украшать то, что видит только автор блога? Позвольте! Но разве ж только автору положено видеть эту формочку? А если на блоге включен режим авторизации для комментаторов? Тогда любой посетитель, решивший оставить коммент, увидит точно такую же форму авторизации. Или, например, вы делаете блог на заказ. Причем не только шаблон, но и полностью устанавливаете движок. Почему бы и в этом случае не кастомизировать форму, добавив свой фирменный знак или ссылочку ;)
В общем, примеров использования формы можно привести много. Будем считать, что польза имеет место быть. Теперь расскажу, как можно это дело сотворить. На блоге был предложен вариант с правкой шаблона блога. В какой-то мере это вполне оправданный шаг, так как при смене версии движка, например, вы останетесь при своих. Однако мне не понравилось, что во-первых, нужно создавать дополнительный файл function.php (если у вас его изначально не было в шаблоне), а во-вторых, в код страницы авторизации добавляется дополнительная ссылка на еще один файл стилей. Причем в результате форма авторизации получает отображение внешнего вида из разных файлов css, что крайне неудобно при ее настройке.
Поэтому я решила поступить проще. В папке wp-admin есть свой собственный файл стилей wp-admin.css. И здесь же есть папка с картинками images. Вот их и станем править! Важное замечание: данный расклад имеет место быть в версии Wordpress 2.3.3. В иных номерах нужно смотреть по месту. Например, в версии 2.7 в папке wp-admin есть вложенная папка css, в которой, в свою очередь, лежит уже отдельно файл login.css, и править следует его.
Самое простое решение — заменить пару картинок, которые отвечают за внешний вид формы. В моем случае они называются login-bkg-tile.gif и login-bkg-bottom.gif. Выводят они, соответственно, верхнюю и нижнюю часть формы авторизации. Я не стала сильно мудрить, а просто нарисовала в Photoshop по тем же самым размерам свои собственные рисунки. В файле wp-admin.css за внешний вид формы отвечает блок с селектором #login.
#login {
position: relative;
background: url('images/login-bkg-tile.gif') no-repeat top center;
color: #fff;
margin: 5em auto 1em;
padding: 20px 0 0;
width: 425px;
_width: 390px;
}
Вот что у меня в результате получилось http://www.mannodesign.com/wp-login.php
Постовой:
Самые свежие .
Доступный и понятный . Если выиграешь, то твоя!
Комментарии (5)
Трэкбеки
Пожалуйста, оставьте ваш комментарий. Спасибо!
Хорошо вышло.делал себе, но не получилось, плюнул и сказал что это лишние.А за статью спасибо.
Отличное решение. Мы практически каждый день видим эту страницу авторизации, почему же не привести в приятный вид. Спасибо!
Прикольно :). Как раз недавно зарегистрировался на Wordpress’е. Твои идеи как раз вовремя :)
А ведь для этого есть спец. плагин. Не помню к сожалению названия…
Плагин “my brand”, смотрим здесь: