22 Березень 2009
4 946
Рубрика: дизайн

Закрепляем меню слева в WordPress

Так удобнее, точно говорю вам. Вы часто пользуетесь админкой на WordPress? А часто замечали, сколько раз приходилось листать страницу с самого низа вверх, чтобы кликнуть на пункт из меню слева?

Так удобнее, точно говорю вам. Вы часто пользуетесь админкой на WordPress? А часто замечали, сколько раз приходилось листать страницу с самого низа вверх, чтобы кликнуть на пункт из меню слева?

Если обратите внимание, левая область в админке всегда пустая и отведена она только под меню. Предлагаю вам способ, как сделать так, чтобы это меню всегда было под рукой. Для этого нам понадобятся плагин Stylish и FireFox (любителям оперы я подготовил пряник чуть ниже).

Установка плагина

Тут сложностей быть не должно. Если всё же возникают, кликайте на прямую ссылку на плагин и после установки перегружайте фокс. Что такое Stylish и зачем он нужен, можно почитать на его сайте.

Кратко: это плагин, который вместе с CSS открываемого сайта загружает и ваши стили, созданный вручную. Таким образом можно настроить абсолютно любой урл так, как хочется вам. Я давно настроил Gmail, Яндекс, NNM, HabraHabr, башорг, liveInternet и другие по своему вкусу.

Итак, вот пациент:

меню wordpress

Создаём стиль

Чтобы сделать дизайн админки вордпресса удобнее, нам понадобится создать новый стиль и сделать так, чтобы этот стиль загружался только в WordPress. После установки нового плагина открываем Инструменты > Дополнения > Stylish > Настройки > Создать. Название стиля может быть любым. А код у меня например такой:

#wpcontent #wpbody #adminmenu {
position: fixed !important;
top: 40px;
}

Вводим этот код, жмём Сохранить и смотрим в админку, изменения видны сразу. Удобно? В результате, добавив одну строчку кода, получаем фишку, которую почему-то не решились ввести создатели WP.

Кстати, лучше добавлять в каждую строку после стиля аргумент !important, чтобы основным считался ваш стиль.

Упрощаем процесс

Чтобы делать стили для самостоятельно, нам потребуется открывать исходный код и искать имена элементов, стили которых надо изменить. Я раньше так и делал, пока не узнал, что есть другой аддон — FireBug.

C его помощью можно кликом мышки указывать на интересующий нас элемент и видеть его описание, а также связанные с ним стили в CSS. Архиудобно, скажу я вам. Особенно это ощущается после того, как я сделал стиль для Gmail при помощи блокнота, выискивая стили каждого элемента.

firebug

Хозяйке на заметку: если кликнуть на имя файла CSS в FireBug (подчёркнуто красным), откроется текущий файл стилей с этого сайта.

На сайте плагина есть огромная подборка уже созданных другими спецами стилей. Большинство из них постоянно обновляются, так что можно почти любой известный сайт переделать под себя.

Опера?

Не забываем о любителям оперы. Чтобы Stylish работал у вас в браузере, воспользуйтесь этим советом. А далее та же схема, что и с Firefox.

Сделай сам

Я уверен, что каждый вебмастер может предложить своё усовершенствование для дизайна вордпрессовской админки. Делитесь своими нововведениями, можно сразу с кодом. Я, например, ещё бы убрал совсем не к месту расположенный блок с версией WP подвале:

.wp-admin #footer { display:none; }

А ты?

Тепер я хочу бачити коментарі 11