Так удобнее, точно говорю вам. Вы часто пользуетесь админкой на 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 Комментарий на "Закрепляем меню слева в WordPress"

    Уведомлять
    avatar
    5000
    rvnikita
    Гость

    статья по тему с моего блога: Редактирование меню в WordPress

    Тимофей
    Гость

    Наз, по поводу меню вордпресса ИМХО это фигня. Да, не вопрос, когда оно висит как прибитое удобно. Но только не тогда, когда открыты все его вкладки. И когда мне приходится прыгать от нижней к верхней например, то необходимо позакрывать все средние.

    ира
    Гость

    Ну да. Век живи век учись. Так действительно удобнее работать стало.

    Артем
    Гость

    Пузат, расширения продолжают появляться. По крайней мере на сайте FireFox по запросу FireBug все больше расширений для FireBug находится.

    Я еще из девелоперских “штук” использую HTML Validator (он проверяет HTML на валидность + умеет чистить его) и Web Developer (там вообще полно инструментов).

    Меня вот больше интересует есть ли что-нибудь подобное для IE. Из того что я встречал (Site Inspector например) ничто в сравнение с тем же FireBug не идет (особенно что касается дебага JavaScript).

    Пузат
    Гость

    Артём, а я даже не предполагал что у него столько расширений, просто сам FireBug чего стоит.

    Артем
    Гость

    О, FireBug! Про то как FireFox + FireBug упрощает жизнь можно вообще отдельную статью написать. Вот помнится до сих пор многие удивляются когда узнают что в FireFox + FireBug можно JavaScript отлаживать пошагово.

    Для FireBug есть еще дополнения разные:
    FireRainbow – подстветка JavaScript;
    FirePHP – вывод переменных из PHP в консоль FireBug (это больше для отладки);
    FireCookie – все операции с куками;
    FireScope – встроенный справочник HTML/CSS (кстати удобная штука);

    Ну и там еще что-то есть, я перечислил то, чем пользуюсь.

    wpDiscuz