В Joomla 4 ввели новый дизайн админки. Говорят, над ним трудилась целая команда специалистов. Что же, это хорошая причина изучить его повнимательнее!
Новый дизайн Joomla 4

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

Стиль

Шрифт

Для оформления выбран шрифт Roboto как наиболее удобный для чтения и подходящий для всей стилистики дизайна. Взяты все начертания этого шрифта.

2

Цвета

Что касается цветов, то были выбраны темно-голубой для сайдбара и светло-серый в качестве фона. Такое сочетание цветов выбрано как наиболее комфортное для зрения.

colors

Страница авторизации

Страница авторизации претерпела значительные изменения. Теперь пользователи могут изменить изображение фона на свое собственное. Также на страницу авторизации пользователи  могут загрузить логотип своего сайта. Эта функция удобна, если у вас много сайтов на Joomla. Логотип на странице авторизации сразу поможет вам определить, на какой из своих сайтов вы собираетесь зайти.

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

 14

Доступность Joomla

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

Оптимизация главного меню

Теперь главное меню - это сайдбар в левой части страницы. Пункты меню отображаются в виде иконок. Сразу видно, что количество пунктов сведено до минимума: Пользователь, Меню, Контент, Компоненты, Настройки, Помощь. Если иконки непривычны и  непонятны вам, то в настройках вы можете восстановить подписи ко всем пунктам.

4

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

5

Новая логика главного меню

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

Оптимизация пунктов главного меню

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

buttons hover

Главная страница панели управления

Отдельно стоит сказать о главной странице панели управления. Умение с ней работать значительно облегчит редактирование сайта Joomla. Эта панель – гордость разработчиков Joomla. По умолчанию она содержит все самое необходимое, но пользователь может добавить туда модули на свое усмотрение. Новая панель чем-то напоминает страницу с виджетами Яндекс.Метрики. Вы можете добавлять на нее новые блоки и простым перетаскиванием мышкой располагать их так, как вам удобно.

 2

Управление меню

Теперь все меню и пункты меню доступны на отдельной странице. Даже если у вас на сайте больше 10 меню, на странице они будут выведены все сразу.

С Joomla 3.6 вы можете добавлять свои пункты меню в административной панели,  здесь эта функция стала еще удобнее. Вы можете вывести собственные пункты меню на общей странице с меню.

 1

Контент

В Joomla 4 появился отдельная страница, содержащая всю информацию об управлении контентом, на которую можно попасть через панель управления. На этой странице расположены все имеющиеся на сайте статьи, а также список последних опубликованных статей. Компонент com_content, пользовательские поля для com_content, медиа-менеджер – все это доступно в одном месте.

 8

В Joomla 4 изменился принцип редактирования статей.

Меньше кнопок

Разработчики решили, будет лучше скрыть кнопки управления, которые не несут полезной нагрузки. Теперь они появляются в зависимости от того, какую статью вы открыли. Если, к примеру, открыта опубликованная статья, то у нее уже не будет кнопки «опубликовать». Кнопка с действиями в списке статей будет доступна только после выбора статей, к которым действие должно быть применено.

 10

Настраиваемые колонки

Пользователи теперь сами могут решать, какие колонки в списке материалов им нужны на конкретном сайте, а какие нет. К примеру, если у  вас не мультиязычный сайт, зачем вам видеть колонку с выбором языка? Ее можно не показывать, а на ее место поставить ту, которая вам необходима (например автора статьи).

Редактирование статей

На скриншоте хорошо видно, что места для редактирования текста статьи стало больше. Контекстный редактор выводит только те функции, которые нужны вам в данный момент. Т.е. если вы кликаете на картинку, TinyMCE показывает все операции, которые доступны для редактирования изображений. Если выберете ссылку, то появятся на экране все операции по ссылкам. Помимо этого под редактором добавлены контентные вкладки. Эти вкладки показывают пользователю, что он сейчас редактирует, и также удобны для пользователей мобильных устройств.

 11

Общие настройки

Все общие настройки вынесены на отдельную страницу и сгруппированы по задачам. Это довольно удобно

 16

Страница помощи

Это последний пункт сайдбара. Это тоже отдельная страница с возможностью добавления документации по своему сайту.

 12

Мобильная версия

Мобильная версия бэкэнда представлена на рисунке ниже. Выглядит неплохо!

9

Яркость и легкость

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

10

11

Другие страницы

Ниже представлены другие страницы интерфейса. Некоторые из них должны быть вам знакомы по Joomla 3. На картинках вы можете посмотреть, как они будут выглядеть в Joomla 4

 3

 4

 5

 6

 7

 9

 13

 15

Разработчики удовлетворены новым дизайном и надеются, что пользователям он тоже понравится. Данный дизайн еще не окончательный и что-то в нем может еще измениться к выходу релиза Joomla 4, но, тем не менее, вы можете составить представление о том, как будет выглядеть обновленная Joomla.

Если вам интересно мое мнение – радикальные изменения в оформлении привычного инструмента всегда сначала воспринимаются негативно. Такова человеческая природа – тяжело выходить за пределы зоны комфорта. При первом рассмотрении, обновленный дизайн мне не понравился. Всё показалось очень непривычным. Но пока я готовил статью, я проникся им. Все продумано довольно грамотно и делает работу с Joomla действительно более удобной, а главное, появляется больше возможностей настроить панель управления под себя – вывести информацию, которая нужна перед глазами каждый день и убрать всё лишнее.

А что вы думаете о новом дизайне Joomla 4?

Об авторе
Об авторе
Wedal (Виталий). Веб-разработчик полного цикла (Full Stack). Создатель и автор сайта Wedal.ru.
Основной профиль – создание сайтов и расширений на CMS Joomla.

Понравилась статья? Сохраните себе на стену:

Ваша оценка материала очень важна для нас. Просим вас оценить статью или оставить отзыв в комментариях.

Комментарии  

+1 # Классkairos 23.01.2018 09:50
Класс! "Новый дизайн" - такой же как и у 99% остальных сайтов.)
Ответить | Ответить с цитатой | Цитировать
-3 # reMagnum79 23.01.2018 12:20
"Если люди не хотят жить лучше, мы их заставим !" - один из ген.директоров.
Придётся привыкать !
Ответить | Ответить с цитатой | Цитировать
0 # RE: Новый дизайн Joomla 4Александр 23.01.2018 14:24
Дизайн для глаза приятный, а вот насколько будет удобным - тут надо пробовать.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Новый дизайн Joomla 4ALEHAN 23.01.2018 16:51
wedal, не узнаю Вас! На Вашем ресурсе всегда были статьи крайне информативны, и полезны, а эта, уж извиняюсь, смахивает на новостной ширпотреб. Не уподобляйтесь множеству ресурсов с "пустым" контентом. Новых пользователей не приведет, старых по распугает.
PS поюзал 4 джумлу пол года назад на локалке, приятно удивила. Ребята явно идут в правильном направлении, правда затягивание с медиаменеджером уже второй год напрягает, обещали еще в 3,6 выпустить, перенесли на 4 версию, и уж явно в 4.0 не запилят.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Новый дизайн Joomla 4Alex Teplo 05.02.2018 22:07
Цитирую ALEHAN:
На Вашем ресурсе всегда были статьи крайне информативны, и полезны, а эта, уж извиняюсь, смахивает на новостной ширпотреб.

Протестую! Статья уместна и полезна людям, занятым не только Joomlʼой!
Полезно и ёмко, и кратко. Позволяет быть в курсе событий тем, кто не читает новости о Joomla с утра и до ночи по всему интернету.
Ответить | Ответить с цитатой | Цитировать
0 # RE: Новый дизайн Joomla 4Ярослав 26.01.2018 07:22
Офигенный дизайн и юзабилити. Очень жду выхода!
Ответить | Ответить с цитатой | Цитировать

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

Для отправки комментария введите код с картинки:
Защитный код
Обновить

Вверх