Дизайним админку Joomla под клиента. Меняем стандартные стили админ панели Joomla

Дизайним админку Joomla под клиента. Меняем стандартные стили админ панели Joomla

Постоянно сталкиваюсь с проблемой, когда в браузере открыто много админ панелей Joomla. В одной вносишь правки, в другой создаешь новый сайт, в третьей по быстрому надо что-то посмотреть. В итоге все они открыты и при переключении между ними путаешься и начинаешь вносить изменения не в тот сайт в который надо.

Рассказываю, как задизайнить админки в Joomla 3 и Joomla 4 под каждого Вашего клиента. 

Кому это будет интересно?

  • Разработчикам сайтов; 
  • Владельцам нескольких сайтов. 

Уникализируем админку в Joomla 3

Каким способом? 

За счет настроек стилей шаблона панели управления Joomla.

Заходим в админ панель сайта. ❯ В Расширения ❯ Шаблоны ❯ 

Adminka Joomla pod kliyenta 1 554d0 

В выпадающем меню меняем фильтр с “Сайт”  на “Панель управления”. 

Adminka Joomla pod kliyenta 2 6c1aa 

Выбираем шаблон, который у Вас выбран по умолчанию. Кликаем по названию. 

Adminka Joomla pod kliyenta 3 092bd 

Откроются настройки шаблона. Во вкладке “Дополнительные параметры” видно, что мы можем изменять цвет.

Adminka Joomla pod kliyenta 4 9ca48

Давайте изменим параметры:

  • Цвет панели навигации. (Используйте темные цвета поскольку цвет текста в админке белый)
  • Цвет заголовка
  • Цвет фона страницы авторизации
  • Логотип

Можно еще поменять цвет боковой панели, но это уже на Ваше усмотрение. Экспериментируйте.  

Adminka Joomla pod kliyenta 5 c639d

Рекомендую использовать цветовую палитру фирменного стиля сайта клиента.

Adminka Joomla pod kliyenta 6 191e4

Теперь поменяем логотип. Заранее подготовьте два логотипа. Один сделайте в белом цвете для панели управления. Напоминаю, что панель управления должна быть в темном цвете. Соответственно, логотип должен быть в белом.    

 Adminka_Joomla_pod_kliyenta_7_6b0d6_5ef7d.jpg 

Adminka Joomla pod kliyenta 8 9b93c 

Уникализируем админку в Joomla 4

Заходим в панель управления. ❯ Система ❯ Шаблоны ❯ Стили панели управления 

Adminka Joomla pod kliyenta 9 60d95 

Выбираем шаблон, который у Вас выбран по умолчанию. Кликаем по названию. Откроются настройки - “Редактирование стиля”. Во вкладке “Параметры цвета” меняйте цветовую гамму по своему вкусу. Для параметра “Оттенок темного цвета” в Joomla 4 разработчики предусмотрели для выбора только темные цвета. 

Adminka Joomla pod kliyenta 10 42d7b 

Меняем логотип

Переходим во вкладку “Параметры логотипа”. Как уже говорилось ранее, надо подготовить два логотипа. Один сделайть в белом цвете для верхней панели управления. “Логотип”  - загружаем логотип в цвете. он отобразится при входе в админ панель на странице авторизации. 

Adminka Joomla pod kliyenta 11 322bd 

Adminka Joomla pod kliyenta 12 c00ac 

“Логотип большой” - вставляем логотип в белом цвете. Логотип отобразится в верхней панели слева. 

Adminka Joomla pod kliyenta 13 52f6d   

Рекомендую сделать логотип размером 150 х 30 px в SVG формате для четкости изображения. Если логотип в PNG формате, то для четкости делайте формат в два раза больше 300 х 60 px. Тогда изображение логотипа не будет размыто.

Image

Подпишись на Telegram канал "Goncharoff.pro сайты"

Рассказываю про сайты, продажи, работу с клиентами. Очень много авторского контента, лайфхаков и новых фич!

Перейти в канал

Видеоинструкция