Создаем свою цветовую схему для админ панели

В данной статье расскажу вам как изменить цвета вашей админ панель (панели управления, консоли), мне нравиться например яркие цвета, а в wordpress имеется только две скудные цветовые схемы (синяя и серая), которые мне очень надоели.

Скачать исходники для статьи можно ниже

Как же поменять цвета в своей админ панели?

Оказывается это очень просто сделать с помощью плагина Easy Admin Color Schemes.

Он есть на сайте wordpress.org, поэтому установка данного плагина стандартная – заходим в панели управления в левом меню выбираем пункт “Плагины”, подпункт “Добавить новый” и в строку поиска вписываем Easy Admin Color Schemes, нажимаем установить и активизировать.

Сведения о плагине:

Количество загрузок 29,345 раз.

Последнее обновление 2011-12-23

После активизации данного плагина в левом меню вашей панели управления должен появится пункт Admin Color Schemes.

Входим в него и видим, что он состоит из 4-х подпунктов:

1. Admin Color Schemes в нем представлены 4  цветовые схемы: Brown, Green, Purple, Red. Может данных схем кому-то покажется достаточно, только не мне, поэтому переходим ко второму пункту.

меняем цветовую схему адинки

2. Следующий подпункт Add New – добавить новый.

Настройка плагина Easy Admin Color Schemes

Здесь вас просят ввести:

– название (имя) новой цветовой схемы;

– ввести CSS код новый цветовой схемы;

– внизу расположено окошко “Previev” (Предпросмотра), где вы можете посмотреть как будет выглядеть ваша будущая панель управления.

Справа расположена кнопка Save – сохранить новую цветовую схему, а под ней окошечко “Primary Colors” (основные цвета), где можно задать четыре основных цвета будущей схеме и последние два необязательных окошечка – это “Discription” (описание) и “Author” (автор).

У вас наверное возник вопрос, что же вводить в поле кода CSS новой цветовой схемы?

Оказывается все просто достаточно скопировать код CSS уже готовых цветовых схем данного плагина, а для этого входите в первый подпункт Admin Color Schemes, и нажимаете на цветовую схему, например Brown,

меняем цветовую схему панели управления wordpress

и вам показывается CSS код данной схемы,

создаем новую цветовую схему админки при помощи плагина

просто копируем его.

Далее переходим во второй подпункт данного плагина “Add New”, указываем имя новой цветовой схемы (я назвал ее Mnogoblog style) и вставляем в поле ввода CSS скопированный нами код.

руководство по плагину Easy Admin Color Schemes

Далее переходите в окошко “Primary Colors” (основные цвета), здесь выбираете основные цвета и смотрите в окошко “Previev” (предпросмотра), что у вас получается.

4-ый цвет будет преобладать в вашей будущей цветовой схеме.

Выбор цвета огромен – сначала выбираете нужный оттенок в круге, а потом яркость цвета в квадрате.

гайд, инструкция по плагину Easy Admin Color Schemes

Далее нажимаете кнопку сохранить.

Теперь осталось активизировать созданную нами цветовую схему.

Для этого возвращаемся в первый подпункт “Admin Color Schemes” и видим, что у нас появилась новая цветовая схема, активизируем ее нажимая на слово “Activate”.

создаем свой дизайн админке wordpress

И ваша админ панель преображается:

меняем цвета панели управления wordpress

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Добавить комментарий