Главная / Плагины / Как добавить в WordPress 3.8 собственные цветовые схемы
Admin Color Schemer
Плагин Admin Color Schemer для WordPress 3.8

Как добавить в 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 и самого плагина! Единственное, что понадобиться – это установить плагин, активировать его, зайти в окно настроек плагина и выбрать новые (свои собственные) цвета для всех элементов административной консоли.

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

Официальное название плагина: «Admin Color Schemer»

Адрес: http://wordpress.org/plugins/admin-color-schemer/

Авторы плагина: wordpressdotorg, Helen Hou-Sandi и Mark Jaquith

Текущая версия: 1.0

Работает с версий WordPress: от 3.8 и выше

Последнее обновление (на момент обзора): 24-12-2013

Загрузок (на момент обзора): 417

Рейтинг качества: 4.8 звезд из пяти

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

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

Окно управления плагином Admin Color Schemer

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

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

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

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

Если Вы уже знаете желаемые цвета, например, подобрали их в каком-то графическом редакторе – будет достаточно просто ввести код цвета (в формате для HTML) в специальном поле (поле помечено стрелочкой на скрин-шоте выше).
Режим предпросмотра в плагине Admin Color Scheme

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

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

Расширенный режим добавления цветов в плагине Admin Color Schemer

Расширенный режим настроек цветовой схемы 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» на странице профиля пользователей рядом с предустановленными восемью цветовыми схемами (это проиллюстрировано на скрин-шоте).

Ваша дополнительная схема на странице пользователя WordPress

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

При желании Вы также можете установить свою цветовую сему в качестве «цветовой схемы WordPress по умолчанию» для новых зарегистрировавшихся пользователей Вашего ресурса.

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

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

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

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

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

О GerkHard

Хотите быть в курсе последних событий в мире WordPress. Хотите создать сайт бесплатно? Интресесует заработок в интернете? Все это Вы найдете на сайте GerkHard.com, подписывайтесь на канал РСС, а также на наши официальные странички в популярных социальных сетях!

4 комментария

  1. Спасибо за обзор полезного плагина, так уж сложилось что стандартные цвета мне не понравились, а теперь есть где развернутся. Установил тему подобрал, все работает отлично!

    • Рад, что обзор был для Вас полезным! Поделитесь с читателями блога своей уникальной цветовой схемой если не жалко в комментарии ниже)

  2. Еленочка

    Сенкс. Интересно, и вообще полезный у Вас блог. Подписалась на Ваш твиттер)

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*