Облагораживаем админку Вордпресса

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

Внимание! краткий тутор “как сделать админку Вордпресса нарядной”:

Править надо два файла admin-header.php и wp-admin.css в директории /wp-admin/, в admin-header.php мы видим следущее:

<div id="wphead">
<h1><?php bloginfo('name'); ?> <span id="viewsite">(<a href="<?php echo get_option('home') . '/'; ?>"><?php _e('View site »') ?></a>)</span></h1>
</div>

Я лично сократил эту феерию до

<div id="wphead">
<a id="viewsite" href="<?php echo get_option('home') . '/'; ?>"></a>
</div>

то есть оставил только два блока - один обычный div с id=wphead под основной повторяющийся по горизонтали бэк из хексов и ссылку в которую после предварительной психологической подготовки я потом запендюру логотип. Идем мы теперь в цсс файл wp-admin.css, видим там на 875й строке следущее:

#wphead {
background: #14568a;
padding: .8em 19em .8em 2em;
color: #c3def1;
}
#wphead a {
color: #fff;
}
#wphead h1 {
font-size: 2.5em;
font-weight: normal;
letter-spacing: -.05em;
margin: 0; font-family:
Georgia, "Times New Roman", Times, serif;
}
#wphead h1 span#viewsite {
font-size: .4em;
letter-spacing: 0;
}

Я от него оставил соответственно только

#wphead {
height: 150px;
background-image: url(/wp-admin/nano-bg.gif);
}
#viewsite {
display: block;
width: 100%;
height: 150px;
background-image: url(/wp-admin/nano.gif);
background-repeat: no-repeat;
}

ну то есть удалил описание всех тех элементов, от которых избавился на предыдущем этапе и заново описал интересующие меня. Теперь блок шапки #wphead имеет высоту 150 пикселов, и фон в виде хексов, ссылке #viewsite было сказано что она уже не девочка не строчный, а прямо скажем блочный элемент, шириной сколько влезет, высотой 150 пикселей и с картинкой на фоне, картинку приказано не повторять. При этом ссылка остаётся кликабельной.

Надеюсь это кому-нибудь пригодится.

Minor update к этому посту здесь

Учту, не исключено что данная информация когда-нибудь пригодится!

У Вас замечательнейший сайт! Заходите и Вы к нам на сайт программ и игр для телефонов и смартфонов.

Давно искал, как эти блоки передвинуть

Каптчу неудобно вводить не видно приходится выделять

Поменяйте цвет капчи. а то правда не видно ее

счастье-не счастье, а турнирное положение бы миллион поправил заметно. Короче говоря, я бы тоже справился. :)

плагинов тьма

А я так не думаю!

Очень интересное решение! Тоже так попробую!

Characters in the image above (required)