Как добавить в WordPress 3.8 собственные цветовые схемы

Всем привет, пора Сергею ГеркХарду включаться в рабочий режим! Хочу поздравить всех читателей и посетителей блога GerkHard.com с Новым годом и Рождеством! Желаю в 2014 году начинающим блоггерам и веб-мастерам неугасающего стремления к самообучению, конкретных амбициозных задач, а также безграничной лояльности со стороны клиентов и поисковых систем! А я постараюсь Вам в этом всём немного посодействовать! 😉

Первый пост в этом году будет посвящен прекрасному… дизайну админки нового WordPress 3.8, а точнее её уникальной цветовой схеме! Напомню, что вместе со свежей сборкой популярнейшего «движка» пришел абсолютно новый интерфейс административной консоли с возможностью менять цвета (более подробно читайте в моем обзоре «WordPress 3.8 — что нового»).

Судя по статистике от разработчиков и отзывам на специализированных форумах, большинству пользователей данной CMS пришлись по вкусу революционные визуальные изменения внутреннего мира их сайтов. Правда созданные разработчиками восемь предустановленных цветовых схем быстро наскучили или не пришлись по вкусу некоторым креативным пользователям. Ваш покорный слуга был в их числе… 🙂

Как добавить в панель администратора WordPress 3.8 новые цветовые схемы

Частично проблема решилась с выходом нового официального плагина для ВордПресс 3.8 под названием «Admin Color Schemes» (подробнее о плагине и его возможностях читайте в этом обзоре). Эта простейшая в обслуживании программа расширяет стоковую цветовую гамму админки WordPress с восьми тем до шестнадцати. Впечатляет, но все же — не дает выхода творческой мысли.

По моим собственным наблюдениям при работе над проектом GerkHard.com я провожу свыше 80% времени именно в панели администратора своего сайта (даже комментирую оттуда же). Логично, что эту львиную долю своей блоггерской деятельности многим хочется украсить чем-то своим… уникальным, запоминающимся, родным если хотите…

А как же потом можно удивить читателей скринами Вашей уникальной админки! В общем если Вы разделяете мою позицию – встречайте новый плагин под названием «Admin Color Schemer» (не путайте с предыдущим плагином «Admin Color Schemes» – это совершенно разные программы).

Обзор плагина WordPress 3.8 — «Admin Color Schemer»

Данный плагин позволяет всего в пару кликов создать собственную цветовую схему для админки WordPress 3.8 без необходимости править код CMS и самого плагина! Единственное, что понадобиться – это установить плагин, активировать его, зайти в окно настроек плагина и выбрать новые (свои собственные) цвета для всех элементов административной консоли.

Предлагаю Вашему вниманию небольшую выдержку по плагину с его официальной страницы и ссылку на саму страницу программы.

Создаем свой цвет для WordPress 3.8

В разделе главного бокового меню «Плагины» выбираем пункт «Добавить новый» и осуществляем поиск плагина по его названию (вводим в строку поиска — Admin Color Schemer). После установки и активации программы надобно проследовать в раздел основного меню – «Инструменты». Там нас уже нетерпеливо дожидается новоиспеченный пункт «Admin Colors».

После перехода в данный пункт мы попадем в окно настроек плагина (смотрите сопроводительный скрин-шот). Как и все предустановленные схемы для панели управления ВордПресс, наша собственная цветовая версия будет включать четыре основных оттенка:

• Base – основной фоновый цвет административной консоли;
• Icon – цвет иконок и элементов административной консоли;
• Highlight – цвет выделенных областей (разделов и подпунктов главного меню);
• Notification – цвет фона для служебных сообщений системы.

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

При помощи удобной кнопки «Preview» (Предпросмотр) можно оценить интерфейс Вашей новой админки без изменения текущей схемы. Если Вас все более, чем устаивает – активируйте кнопку «Save and Use» (Сохранить и использовать).

Расширенный режим добавления цветов в админке WordPress 3.8

Для особенно творческих пользователей разработчики плагина ВордПресс предусмотрели расширенный список опций. Этот список можно активировать нажатием пункта «Shov advanced options» (Показать дополнительные опции). Результат смотрите на сопроводительном скрин-шоте. Здесь Вас ждет полное раздолье и возможность настроить интерфейс администратора WordPress в мельчайших деталях!

Расширенный режим настроек цветовой схемы WordPress 3.8 позволяет пользователю по своему желанию и усмотрению выбрать цвет для таких тридцати элементов админки CMS:

1. Button – задаем цвет кнопок;
2. Text (over Base) — задаем цвет для всего текста административной консоли по умолчанию;
3. Body background – задаем цвет основного фона;
4. Link – задаем цвет ссылок;
5. Link interaction – задаем цвет ссылок при наведении курсора;
6. Checked form controls — задаем цвет для флажков (галочек чекбоксов);
7. Menu background – задаем цвет фона меню;
8. Menu text – задаем цвет текста в пунктах меню;
9. Menu icon – задаем цвет иконок в главном меню;
10. Menu highlight background – задаем цвет фона активной области меню;
11. Menu highlight text – задаем цвет текста активной области меню;
12. Menu highlight icon — задаем цвет иконок активной области меню;
13. Menu current background – задаем цвет фона выбранной области меню;
14. Menu current text – задаем цвет текста выбранной области меню;
15. Menu current icon — задаем цвет иконок выбранной области меню;
16. Submenu background — задаем цвет фона подпунктов меню;
17. Submenu text — задаем цвет текста в подпунктах меню;
18. Submenu alt background — задаем цвет фона для подменю выбранного пункта;
19. Submenu text interaction — задаем цвет текста подменю при наведении курсора;
20. Submenu current text — задаем цвет текста выбранного пункта подменю;
21. Bubble background — задаем цвет фона служебного сообщения в меню;
22. Bubble text — задаем цвет текста служебного сообщения в меню;
23. Bubble current background — задаем цвет фона выбранного служебного сообщения;
24. Bubble current text — задаем цвет текста выбранного служебного сообщения меню;
25. Menu collapse text — задаем цвет текста для пункта «Свернуть меню»;
26. Menu collapse icon — задаем цвет иконки для пункта «Свернуть меню»;
27. Menu collapse text interaction — задаем цвет текста для пункта «Свернуть меню» при наведении курсора мыши;
28. Menu collapse icon interaction — задаем цвет иконки для пункта «Свернуть меню» при наведении курсора мыши;
29. Toolbar avatar frame — задаем цвет рамки вокруг аватара пользователя админки;
30. Toolbar input background — задаем цвет фона аватара пользователя админки.

После сохранения Ваша собственная цветовая схема для новой админки ВордПресс будет отображаться под именем «Custom» на странице профиля пользователей рядом с предустановленными восемью цветовыми схемами (это проиллюстрировано на скрин-шоте).

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

Я очень надеюсь, что мой небольшой обзор плагина «Admin Color Schemer» оказался полезным для Вас и помог в создании Вашей первой уникальной цветовой схемы административной консоли WordPress 3.8.

Поделитесь с другими Вашими уникальными цветовыми схемами, оставив комментарий ниже с кодами цвета для каждого пункта!

P.S. Тебе помог данный материал? Отблагодари старания автора комментарием, твитом, лайком, плюсом или упоминанием на своём блоге! Чтобы первым получать интересные познавательные материалы для веб-мастеров – подписывайся на рассылку обновлений по почте!

Автор: Сергей ГеркХард

Источник: GerkHard.com