Тестируем Joomla 4: административная панель, разделы, поле работы вебмастера

 

Как зайти в админку joomla 4? Чего ждать от новой версии и как использовать? Получим ответы, тестируя альфа версию 4.0. А также узнаем, когда ожидается выход полной версии, кто разработал новый администраторский интерфейс для популярной CMS и как в нём ориентироваться.

 

Чего ждать от версии 4.0

Концепция оформления административной панели joomla4 разработана веб-студией JoomShaper, специализирующейся на создании премиальных шаблонов и многофункциональных расширений для джумла. Изменения видны уже на страничке входа в админку джумла.

Качественные изменения произошли и в «скелете» CMS: joomla4.0 поддерживает последние версии Bootstrap (4), PHP (7), Framework (2.0).

skin30 1

Использование последних веб-технологий позволило сделать новую версию популярного «движка» более мощной, высокопроизводительной, но простой в применении. Вес сайта оказывается меньше, а скорость загрузки выше. Если открыть код страницы сайта, сделанного на joomla4.0 (новый шаблон – Cassiopeia) и код, подготовленный на версии 3.х (Protostar) увидим, что длинных, запутанных кодировок стало значительно меньше.

skin30 2

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

Таких глобальных изменений не было давно. Версия 3.9 работает на базе, датированной 2013 годом, морально устаревшей. Как же изменится работа вебмастера с появлением джумла 4.0? Протестируем на альфа версии, выпущенной ради ознакомления. Авторы разработки предлагают оценить неполную версию, сообщить об имеющихся ошибках до выхода окончательной.

 

Дата выхода

Альфа версия выпущена, но до завершения работ ещё далеко. Окончательный вариант версии 4.0 планируют выпустить осенью 2018 года, в случае задержки – весной 2019-го. Всё будет зависеть от количества выявленных проблем, от числа волонтеров, готовых помочь.

После выхода джумла 4.0 ещё 2 года планируют осуществлять поддержку joomla 3.9 (выпускать патчи безопасности до 2020 года). Кстати, версия 3.9 появится одновременно с 4.0. Отслеживать новости, релизы можно на официальном сайте joomla.

 

Установка

Легче всего перейти на версию 4.0, обновив текущую до 3.9: создана для упрощения перехода к новому «поколению» CMS (содержит многие из новшеств). Но можно установить – благо теперь процесс этот проще, чем раньше (установка проходит практически в один клик).

skin30 3

skin30 4

skin30 5

skin30 6

skin30 7

 

Вход в админку

Как зайти в админку joomla? Вход в панель управления всё тот же. Страница та же: http:вашдомен/administrator. Также требуется ввести логин и пароль. Также над формой красуется эмблема joomla. Изменился лишь цвет фона на странице.

skin30 8

 

Панель управления

Выполнив вход в админку джумла, увидим, что панель управления теперь похожа на WordPress. Такое же правое меню с выпадающим списком, которое всегда в поле зрения, в какой бы раздел ты не зашёл. Его можно свернуть, развернуть обратно. И ты всегда знаешь, где находишься: вверху подписан активный раздел.

skin30 9skin30 10

skin30 11

skin30 12

Сразу бросаются в глаза уведомления. Нет, они больше не занимают приличную часть экрана и всю его ширину. Они убраны в левый верхний угол. Рядом личные сообщения и меню пользователя.

skin30 13

На главной странице админки joomla мы найдем привычный список «Популярных материалов» и «Недавно опубликованных», список пользователей, которые входили последними и выборочные данные. Нажав на значок шестеренки в левом углу каждого из этих окон, перейдём в настройки модуля, где можно изменить настройки внешнего вида. Например, указать сколько следует отображать на главной странице админки последних посетителей 1, 2 или 5. Эти настройки пригодятся вебмастеру, чтобы сделать административную панель наиболее удобной для себя.

skin30 14

skin30 15

skin30 16

Как только внесёте первые изменения, сохраните их, увидите ещё одно нововведение – всплывающие сообщения.

Ещё обнаружите, что привычные три кнопки в режиме редактирования «Сохранить», «Сохранить и закрыть», «Сохранить и создать» объеденены в одну.

Помимо модулей, отображающих актуальные сведения о сайте, в области администрирования мы увидим кнопки навигации: «создать новый материал», «медиаменеджер», «глобальные настройки», «модули», «обновления joomla», «актуальные расширения» (обновления).

skin30 17

При разработке дизайна и структуры админки разработчики учли пожелания пользователей, подвели CMS к новым потребностям (адаптировали под мобильные устройства, теперь работать с джумла можно прямо со смартфона).

 

Пользователи, уровни пользователей, пользовательские поля и примечания пользователей. Рассылка пользователям.

Предусмотрены всё те же уровни доступа, группы пользователей: публичный, гость, зарегистрированный (к этой же группе относят менеджера, администратора), специальный (авторы, менеджер, сис админа), супер пользователь.

skin30 18

Также можно оставлять заметки о пользователях, группировать их по категориям, отправлять массово письма.

skin30 19

 

Как и в последних версиях джумла, можно добавлять поля.

skin30 20

Если в рамках реализации веб-проекта требуется предоставить доступ нескольким людям, наделив их разными полномочиями, советуем активно использовать возможности джумла 4.0, а также дополнительные расширения, например, KC Admin QuickIcons (добавляет иконки и метки разным пользователям – manage, administrators). К стандартным возможностям обновлённой CMS можно отнести создание модулей html не для сайта, а для админпанели. В этих модулях можно прописать любую информацию. Используйте все возможности, чтобы облегчить работу с джумла всем подопечным, а также самим клиентам (если они пожелают самостоятельно добавлять на сайт контент).

 

Раздел меню, создание меню

При создании нового меню можно назначить уровень доступа к нему, а также выбрать «клиента»: сайт или админпанель (также как в версии 3.8).

skin30 21

 

Создадим верхнее меню-бар.

skin30 22

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

 

Обзор нового медиаменеджера

Существенно преобразился медиа-менеджер. Появились кнопки уменьшения/увеличения масштаба (-/+), кнопка отображения картинок таблицей и кнопка «Информация» (скрыть/показать информацию о файле и папке).

skin30 23

 

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

 

skin30 24

skin30 25

 

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

 

skin30 26

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

 

Статьи, категории, настраиваемые поля

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

skin30 27

Процесс создания происходит привычным путем. Нажимаем кнопку «Новая». Вписываем название (описание при желании), сохраняем. Также создаем статью, пропишем метаданные, добавим изображения с описанием и ссылками. Сохраним.

skin30 28

skin30 29

Обратите внимание, что рядом с кнопками «Сохранить» и «Закрыть» появились новые – «Настройки» (в тестируемой версии на странице создания статьи они не работают) и «Предварительный просмотр».

skin30 30

skin30 31

skin30 32

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

Посмотрим созданный материал с помощью сервиса оценки сайтов. Нас интересует «вечная» проблема джумла с тегами, а точнее H1 и H2. К сожалению, даже в joomla 4.0 заголовок материала выводится как Н2, исправлять на Н1 приходится вручную.

skin30 33

Раздел компоненты

Переходим в раздел компоненты, здесь видим привычные пункты: баннеры, контакты, обновление джумлы, обмен сообщениями, системные сообщения, поиск, умный поиск, лента новостей, перенаправление, редактор JCE, метки и сравнительно новый пункт Multilingual Associations – компонент многоязычных связей для перевода контента из админового интерфейса (появился с версии 3.7).

skin30 34

 

Баннеры

Откроем страницу создания нового баннера. Каковы отличия от предыдущей версии – 3.8?

Появилось поле для отображения будущего баннера – наглядно виден результат. Появилось поле Custom Code (пользовательский код). Описание можно добавлять при включенном текстовом редакторе. Справа прописаны уточнения к кнопке «Прикрепить» (зачем она нужна).

skin30 35

skin30 36

Добавим своё изображение, сохраним.

skin30 37

skin30 38

Опубликуем баннер через соответствующий модуль, в позиции bannersстандартного шаблона joomla 4 – Cassiopeia.

skin30 39

skin30 40

skin30 41

 

Контакты

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

skin30 42

Заполним некоторые поля. Попробуем сохранить.

skin30 43

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

skin30 44

 

joomla! Обновить

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

skin30 45

 

Обмен сообщениями

Предустановлен текстовый редактор и на странице создания личного сообщения.

skin30 46

Заполним поля (ID пользователя, которому хотим направить личное сообщение, тему письма, текст) и попробуем отправить.

skin30 47

 

Многоязычная Joomla

Чтобы начать работу с «многоязычными связями», необходимо сначала активировать соответствующий плагин (перейдем по ссылке в открывшемся сообщении).

skin30 48

После этого в правом верхнем углу появится значок – «Многоязычный статус», дополнительная вкладка «Связи» появится во всех статьях, контактах, новостных лентах).

skin30 49

skin30 50

Далее, чтобы создать мультиязычный сайт на джумла, необходимо добавить соответствующие языковые пакеты (через раздел админки «Расширения», «Менеджер языков», «Установить язык»).

skin30 51

 

Лента новостей

Добавим новостную ленту. Заполним поля и попробуем сохранить. Снова ошибка.

skin30 52

 

Сообщения после установки

Здесь вы найдете все системные сообщения, а также релизы последних версий CMS.

skin30 53

 

Перенаправление

Зайдём на страницу «Перенаправление» или redirects. Увидим красную область с сообщением (не зелёных как обычно) – сообщение об отключенном плагине.

skin30 54

Можем перейти по указанной ссылке, чтобы активировать плагин Redirect System Plugin и начать работать с links (со ссылками).

skin30 55

Всплывающие сообщения объявят, что «опция включена». Можно приступать к созданию нового редиректа (перенаправления).

skin30 56

Заполним поля: напротив Source URL впишем устаревший (недействующий после перестройки сайта) адрес, напротив Destination URL – новый. Включим перенаправление (Enabled) и сохраним.

 

Поиск

На этой странице мы увидим уведомление об отключенной статистике. Чтобы её включить, перейдём в настройки. Выберем «да» напротив соответствующей записи, сохраним изменения.

skin30 57

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

skin30 58

Не забудьте вывести на сайт форму поиска с помощью соответствующего модуля.

 

Умный поиск

Релевантный поиск по сайту с фильтрами и подсказками по-прежнему доступен пользователям joomla. Активируем соответствующий плагин, приступим к настройкам компонента (карты, фильтры и индексированный контент – такого в системе пока нет, а чтобы он появился, нужно запустить индексатор – это кнопка на панели инструментов).

skin30 59

skin30 60

Те, кто активно пользовался данным встроенным компонентом поиска, хорошо известно, насколько увеличивается база данных сайта после индексации всего контента (в десятки раз). Поработали ли разработчики над этим недостатком компонента при создании версии 4.0? В обзоре изменений упоминаний об этом нет.

 

Теги

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

skin30 61

skin30 62

 

Расширения (Установка\настройка\удаление\обновление)

Раздел админки «Расширения» содержит привычные пункты: менеджер расширений, модули, плагины, шаблоны, языки. Страницы этих подразделов визуально изменились, но их функциональность осталась прежней.

 

Установка, удаление, обновление

Первая страница «менеджера расширений» – «Установка». Единственное изменение здесь в синем поле системного уведомления. Уведомление, призывающее добавить вкладку для загрузки расширений из веб-каталога JED «обзавелось» кнопкой.

skin30 63

Следующая страница «Менеджера расширений» извещает об отсутствии обновлений.

skin30 64

На странице «Управление» можно удалить лишние расширения.

skin30 65

 

Модули

В этом подразделе найдем три предустановленных модуля (форма входа, «хлебные крошки», главное меню) и недавно созданные нами («Баннер 1» и «Поиск»).

«Менеджер модулей» джумла 4 отличается от прежней версии. Во-первых, в левом верхнем углу имеется фильтр, с помощью которого можно отразить модули, опубликованные на сайте либо только модули административной панели.

skin30 66

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

 

Плагины

Страница со всеми встроенными плагинами имеет фильтры для быстрого поиска нужного (состояние, тип, доступ).

skin30 67

 

Шаблоны

На этой странице мы уже не найдём типичные шаблоны джумла версий 3.0-3.х: protostar, Beeze. Вместо них новый шаблон Cassiopeia.

skin30 68

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

skin30 69

skin30 70

skin30 71

Сторонние разработчики уже принялись создавать шаблоны для джумла 4.0. На официальном сайте уже можно найти варианты для версии 3.8, включая информационные, коммерческие порталы, интернет-магазины (адаптированные под популярные компоненты VirtueMart и J2 Stores) и пр.

 

Язык (ы)

В разделе «Языки» отображается, как в версии 3.х, установленные языковые пакеты (в нашем случае только английский, русификатор для джумла 4 ещё не подготовлен), языки контента и переопределение констант.

skin30 72

Последний раздел в административной панеле Joomla 4 – «Помощь». Здесь представлено множество материалов о работе CMS последней версии, даны подробные инструкции по настройке каждого из разделов административной панели, включая общие настройки системы, сайта, сервера (уровни доступа, метаданные, капча, Cookie и многое другое). Кстати общие настройки джумла 4 отличаются от j 3.x только оформлением страниц (содержание осталось прежним).

skin30 73

 

Итак, мы узнали, как зайти в админку joomla, пользоваться новыми возможностями версии 4.0. Тестирование позволило нам увидеть улучшенный интерфейс админки, оценить новые полезные опции в её разделах. Наверняка, многим придется по вкусу иное оформление страниц административной панели и изменившийся функционал.