Джумла 4 что нового
Первый взгляд на Joomla 4. Максимально коротко
17 августа вышла четвертая версия Joomla. Я ее уже установил и теперь хочу рассказать о первых впечатлениях.
Новая версия разрабатывалась почти 9 лет – достаточный срок для создания системы управления. Дата выхода релиза многократно переносилась, но благополучный выпуск наконец состоялся.
Рассказать обо всем в рамках одной статьи не получится, так что пройдусь по главным нововведениям.
Панель управления
Панель стала похожа на панель Webmin. Кто-то сравнивает ее с WordPress, но сравнение с Webmin мне кажется более точным. Так, панель теперь легко кастомизируется, что позволяет настроить ее для различных групп пользователей, например авторов и редакторов. Любые элементы можно добавить или удалить несколькими кликами. Кроме того, панель стала намного удобнее при использовании в мобильной версии.
Интерфейс командной строки (CLI)
Те, кто работает с MediaWiki или Magento, знают про командную строку. Для чего она нужна? Например, можно обновить CMS, не входя в панель администрирования. А если у вас на сопровождении находится несколько сайтов под управлением Joomla 4, то, написав небольшой скрипт, можно обновить все сайты сразу. Кроме того, командная строка позволяет быстро провести ряд тестов.
Bootstrap 5
Теперь используется пятая версия Bootstrap. Также Joomla отказалась от поддержки jQuery и Internet Explorer. Как уверяют разработчики, это позволит значительно увеличить скорость загрузки страниц.
Встроенная поддержка WCAG 2.0
WCAG 2.0, или руководство по обеспечению доступности веб-контента 2.0, является техническим документом, который описывает современные положения и принципы создания доступного веб-контента для максимально большего количества пользователей, в том числе для людей с ограниченными возможностями.
Обычно некоторые функции, такие как «версия для слабовидящих», достигаются путем использования дополнительных расширений. Теперь многие функции доступны прямо «из коробки».
Новый файловый менеджер
Полностью переработан файловый менеджер. Поддерживаются изменения размеров и кадрирование изображений. Есть встроенная поддержка формата WebP.
Рабочее пространство и процессы (Workflow)
Добавлены возможности создания контента, например проверка материала редактором перед публикацией. Подробнее о процессах читайте тут: https://docs.joomla.org/J4.x:Workflow.
Шаблоны писем
В Joomla 3 почтовые сообщения отправлялись в виде простого текста, теперь же можно создавать собственные шаблоны для каждого вида действий. Различные языки могут иметь собственные шаблоны.
Обновление
Пожалуй, самый приятный момент – многие сайты можно спокойно обновить с третьей до четвертой версии. Вероятно, доставка обновлений идет постепенно, так как некоторые сайты предлагают перейти на новую версию, а некоторые – нет.
Если предложения нет, то в настройке «Обновления Joomla» нужно выбрать сервер «Joomla next». Тем самым запустится проверка соответствия минимальным требованиям и совместимости всех дополнений.
Ради эксперимента я обновил несколько сайтов на локальном сервере. Пара сайтов обновилась без всяких проблем, а на одном «слетел» шаблон (довольно старый шаблон). Совет: обязательно перед обновлением сделайте резервную копию.
Стоит ли обновлять «боевые» сайты? Я подожду некоторое время, поскольку после выхода новой версии обновления начинают выходить как из пулемета.
Если делать новый сайт, то однозначно на последней версии, чтобы быть уверенным в совместимости всех дополнений.
Вышла Joomla 4
Итак, в свой 16-й день рождения вышла CMS Joomla 4.0. Это действительно долгожданное событие, так как с момента предыдущей мажорной версии прошло 9 лет.
Новое в Joomla 4.0
Краткий список нововведений в Joomla 4.0.
Измененный и упрощенный процесс установки
В целом процесс установки проходит в 3 экрана. При желании, в процессе установки можно установить дополнительные языки для бэкенда и фронтенда.
Новый шаблон панели администратора и фронтенда
Админка Joomla 4 на css-фреймворке Bootstrap 5. Произошёл отказ от javascript-библиотеки jQuery. Разработчикам необходимо учитывать этот момент при адаптации своих расширений для Joomla 4. Однако, в поставке J4 присутствует jQuery 3.6, который при необходимости можно использовать.
Скриншот панели администратора Joomla 4.0 Скриншот стандартного шаблона для фронтенда Joomla 4.
Web для всех
Стандартные шаблоны админки и фронтенда соответствуют требованиям для слабовидящих (Level AA of WCAG 2.1).
Российским аналогом WCAG является ГОСТ Р 52872-2019 «ИНТЕРНЕТ-РЕСУРСЫ И ДРУГАЯ ИНФОРМАЦИЯ, ПРЕДСТАВЛЕННАЯ В ЭЛЕКТРОННО-ЦИФРОВОЙ ФОРМЕ. ПРИЛОЖЕНИЯ ДЛЯ СТАЦИОНАРНЫХ И МОБИЛЬНЫХ УСТРОЙСТВ, ИНЫЕ ПОЛЬЗОВАТЕЛЬСКИЕ ИНТЕРФЕЙСЫ. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности», в котором использованы аналогичные уровни доступности.
Новый медиа-менеджер
Раньше доброй традицией было сразу после установки Joomla ставить редактор JCE, так как к нему в комплекте шёл нормальный файловый менеджер. Joomla 4 имеет полностью переработанный медиа-менеджер. Теперь из коробки Вы имеете поддержку webp и встроенный простой редактор изображений.
Новый медиа-менеджер Joomla 4 
Редактирование изображений в стандартной поставке Joomla 4
Любой контент проходит несколько этапов создания. Настроить эти этапы под себя можно с помощью Процессов в Joomla 4.
Изменение стадии процесса при создании материала Joomla 4.
Web Services (REST API Joomla 4)
В «коробке» Joomla 4 появился долгожданный REST API, который позволяет получать информацию с сайта как другим сайтам, так и мобильным приложениям. Раньше для этого необходимо было устанавливать сторонние расширения.
Улучшения безопасности
Повышена безопасность Joomla 4 в целом, так как переработан механизм запросов в базу данных. Теперь «под капотом» используются prepared SQL statements.
Стандартная шаблонизация HTML-писем Joomla 4
Улучшенный и расширенный Command Line Interface (CLI)
CLI требуется, как правило, для ресурсоёмких процессов (обработка больших объёмов информации, синхронизация данных со сторонними сервисами и т.д.), которые не должны нагружать основной web-сервер. Эти процессы обычно «вешаются» на CRON и их работа не мешает пользователям сайта.
Улучшенная кодовая база Joomla 4
Удалены функции и классы, имевшие статус deprecated в Joomla 3. Ядро Joomla 4 пересобрано с использованием namespaces. К использовавшимся ранее в Joomla 3 PSR стандартам добавлены PSR7, PSR17 и PSR18. Напомним так же, что проект Joomla является проектом-участником PHP FIG, отвечающим за разработку и реализацию этих стандартов.
До сей поры существовали 2 параллельных проекта: Joomla Framework (php-фреймворк, а-ля Yii, Laravel etc) и Joomla CMS, которая является почти тем же фреймворком. но с предустановленными компонентами/модулями/плагинами/шаблонами, нужными в большей степени для демонстрации подходов к разработке и некоторыми отличиями в коде и подходах. В Joomla 4 интегрирована кодовая база Joomla Framework.
Новый Renderer, обеспечивающий поддержку шаблонов рендеринга со многими популярными библиотеками PHP (включая Twig, Mustache и Blade)
Новый пакет Console для создания CLI-приложений
Новый Preload пакет для управления HTTP/2 ресурсами.
Поддержка шифрования OpenSSL в пакете Crypt
Переработанный пакет Keychain для использования пакета Crypt
Переработанный роутер (Router)
Переработанный пакет для работы с сессиями (Session)
Миграция с Joomla 3.10 на Joomla 4.0
Напоминаем, что переход с Joomla 3.x на Joomla 4.x является миграцией. Joomla 3.10.0 называют «мостом» между линейкой 3.x и 4.x. Перед миграцией необходимо убедиться, что все используемые расширения имеют поддержку Joomla 4, а Ваш хостинг отвечает минимальным техническим требованиям.
После проверки отображается информация о совместимости.
Перед обновлением на Joomla 4 убедитесь в том, что Вы действительно используете все установленные компоненты, плагины, модули, языки и шаблоны. А так же что все используемые совместимы с Joomla 4.
Для миграции в настройках компонента «Обновление Joomla» переключите сервер обновлений на «Joomla Next».
Минимальные технические требования для Joomla 4
Software
Recommended
Minimum
Supported Databases
MySQL
PostgreSQL
Supported Web Servers
Apache
Nginx
Microsoft IIS
Дистрибутивы
Использование Joomla 4.0 на боевых проектах
Говорить об использовании Joomla 4 на боевых проектах можно с некоторой осторожностью, до тех пор, пока разработчики сторонних расширений не обновят до версий, совместимых с «четвёркой». Однако, многие студии заблаговременно начали работу по обеспечению совместимости своих продуктов. В Joomla Extensions Directory расширения с поддержкой J4 имеют специальную метку.
Тем не менее, это большое событие наконец-то произошло, с чем и поздравляем Joomla-сообщество!
12 новых возможностей Joomla 4
Долго ли коротко ли, но 9 лет спустя после выхода Joomla 3 свет увидела новая версия – Joomla 4.
В новой версии CMS разработчики добавили некоторые полезные, и даже уникальные возможности о которых я расскажу в этой статье.
Пролог
По моему скромному мнению, большая часть новых возможностей Joomla 4 направлена на разработчиков. Это означает, что вы не увидите в новой версии масштабных изменений, но это не означает, что их там нет. Просто большинство из них «под капотом».
Перенося сравнение новой версии с тройкой, можно представить себе автомобиль, который уже давно на рынке. И вот была выпущена новая рестайлинговая версия. С виду подправили фары, бампер, перекрасили салон. Рядовой водитель не увидит большой разницы с прошлой версией авто. Но вот под капотом заменили половину внутренностей. Заглядывая туда, автомеханик испытывает чувство неподдельной радости, т.к. теперь с такой машиной можно сделать значительно больше – тюнинговать так, как раньше нельзя было и мечтать.
Именно в такой форме я советую смотреть на Joomla 4 потребителям (администраторам, владельцам сайтов, и т.п.). Новая версия, это скорее про широту и качество новых возможностей, а не про новые компоненты из коробки (хотя это тоже есть).
Ладно, закончим со вступлением, и посмотрим, что же нового предлагает нам Joomla 4.
Дискламер: Писать ниже про сложные вещи я стараюсь максимально простым языком, для людей, не относящихся к разработчикам. Поэтому программисты, верстальщики и другие братья по оружию: не судите описание строго. Примеры новых возможностей с горой терминов и кода вы всегда сможете найти в официальной документации, на которую, кстати, в этой статье немало ссылок.
1. Новый шаблон админки с полной поддержкой доступности
Конечно, самым визуально заметным нововведением в Joomla 4 стал новый шаблон админки Atum.
О, сколько же, простите, срача, было вокруг этого шаблона в процессе разработки! Дело доходило до перехода на личности. Надеюсь, хоть без рукоприкладства обошлось =).
В результате, как это обычно бывает, все разделились на сторонников и противников. Пора выяснить, к кому отнесете себя вы. Смотрим:
Должен признаться, после уже привычной админки Joomla 3 здесь, на экране в 24 дюйма, у меня сначала чуть кровь из глаз не потекла. Это было первое впечатление. Но…
Я вспомнил, что при переходе с Joomla 2.5 на Joomla 3 ощущения были очень похожие. А сейчас, возвращаясь иногда в админки Joomla 2.5 и даже Joomla 1.5, думаю: «И ЭТО мне нравилось?!». Короче говоря, в визуальной составляющей всё очень субъективно.
Сейчас, когда админка Joomla 4 уже немного примелькалась, она воспринимается очень даже неплохо.
Так ради чего весь сыр-бор с изменением оформления? Почему всё именно так – почему некоторые цвета имеют слишком четкие и резкие переходы? Всё дело в доступности для людей с ограниченными возможностями.
Мы с вами можем бесконечно много критиковать оформление и выявлять в нем недостатки, но существуют четкие правила того, как должен выглядеть интерфейс, доступный, в том числе, для слабовидящих, а также всяких читалок. Эти правила стандартизованы, и разработчики Joomla 4 подошли к ним консервативно, несмотря на всю критику.
В результате мы получили шаблон админки, которым смогут пользоваться все, независимо от физических ограничений. Как по мне, это очень похвально.
Если ваши глаза и чувство прекрасного всё равно испытывают ужасную боль и страдания, то есть небольшой лайфхак: вы можете зайди в настройки стилей шаблона админки:
Система –> Стили панели управления –> Atum –> Вкладка «Параметры цвета»
И там подкрутить некоторые цвета под себя. Здесь же есть возможность вообще перевести Joomla монохромный режим.
Другой неприятностью стало общее изменения расположения некоторых элементов в админке.
Например, разработчики перенесли основное меню в левую часть, создали страницу «Система» с большим количеством разделов, куда попали, в том числе плагины, шаблоны, модули, и другие элементы, которые мы привыкли видеть в основном меню.
Удобно ли это? Для старичков – вряд ли. Для новичков – думаю, да. Всё-таки проще найти нужный раздел в большом списке на одной странице, чем выискивать его где-то в недрах меню или менеджеров.
В общем, админка получилась интересной. Думаю, в обновлениях ее еще причешут.
2. Упрощенный процесс установки
В Joomla 4 обновили установку. Она стала иметь меньше шагов. Всё лишнее из нее убрали (а было ли оно там?). Скорость установки также увеличилась.
В целом процесс практически не изменился: вводим название сайта, данные админа, данные для подключения к базе данных, удаляем директорию после.
Возможно, новый процесс установки позволит проще пройти этот шаг новичкам, что, несомненно, будет способствовать популяризации Joomla 4.
3. Новый медиа-менеджер
В Joomla 4 обновили, наконец, медиа-менеджер. Это место, где вы можете крутить-вертеть все изображения сайта.
Медиа-менеджер в Joomla 3 представлял собой жалкое, жалкое зрелище. Пользоваться им было можно, но это мало кто делал. Лично я использовал или менеджер от редактора JCE или стороннее расширение Quantum Manager.
Чем же может похвастаться обновленный медиа-менеджер Joomla? Он умеет:
В общем, ничего необычного.
Самой полезной функцией нового Медиа Менеджера, на мой взгляд, является подготовка для легкой интеграции облачных файловых систем. Т.е. с помощью дополнительного плагина можно будет интегрировать в него, например, свой Дропбокс или Яндекс.Диск. Вот это может быть действительно удобно и круто. Но это должно быть создано отдельно.
4. Publishing Workflow – Процессы
А вот это уже действительно полезная для многих функция, которой, в настоящее время, не может похвастаться ни одна другая популярная CMS. В оригинале она называется Workflow, в локализации – Процессы.
Что же представляют собой эти «Процессы»? Если в двух словах – это возможность создания премодерации материалов.
В лучших традициях Joomla функция эта разрабатывалась очень долго, настраивается довольно сложно, но творит чудеса.
Вы можете иметь любое количество групп пользователей, для каждой группы могут быть назначены свои права на работу с материалами, появляется так называемый жизненный цикл материала, когда он создается первым пользователем, корректируется вторым, проверяется и публикуется третьим. Также может быть четвертый, пятый, шестой – всё зависит от того, как вы это настроите.
Это супер-полезная функция для различных СМИ, где есть много авторов, и есть редактор. Теперь авторы могут добавлять тексты на сайт. После этого тексты будут идти от группы к группе, в каждой группе с текстом будут работать пользователи со своими правами, они смогут гонять текст вперед или назад по его жизненному пути.
Как вы понимаете, такой функционал по определению сложно настраивается. Но сам факт его существования – уже очень радует.
По процессам будет отдельная, большая статья. Пока вы можете поиграть с ними самостоятельно, следуя инструкциям из документации.
P.S. По умолчанию функционал Процессов отключен. Для его активации нужно зайти в:
Материалы –> Настройки –> Вкладка «Интеграция» –> Опция «Процессы»
И активировать Процессы.
5. Шаблоны писем
Также очень, очень полезная функция.
Теперь в Joomla 4 есть отдельный менеджер шаблонов писем, в котором вы можете настроить текст каждого письма, отправляемого на каждую задачу.
Те, кто работал с Joomla 3 и более ранними версиями, знают, сколько кровушки могла попить эта настройка раньше.
Теперь вы можете легко редактировать каждое письмо через специальный менеджер. Кроме того, в письмах поддерживаются различные переменные, как например, имя пользователя, дата, название сайта и др. Просто посмотрите на эту красоту:
Как по мне, это действительно полезная штука, для всех, без исключения.
6. Улучшенное управление переопределениями
Это я мог представить только в мечтах. Хотя и там оно было расплывчато =).
В Joomla существует механизм переопределений. Он нужен, чтобы внести изменения в макеты отображения, не создав при этом хаки, которые будут потеряны при обновлении. Чтобы решить эту проблему, практически любой макет любого расширения можно переопределить в используемый вами шаблон Joomla и там уже редактировать как душе угодно.
Но у такого подхода есть и обратная сторона – переопределенные макеты больше не обновляются вместе с основным расширением. Может случиться так, что разработчики расширения внесли в обновлении новый функционал, который потребовал изменений и в макете отображения. Расширение обновится, но использоваться будет именно ваш переопределенный макет из шаблона, а значит, новый функционал будет потерян.
В Joomla 4 появилась возможность отслеживать изменения между основными макетами и их переопределениями и буквально видеть разницу в них. Это поможет вносить нужные исправления и обновления в переопределенные макеты гораздо проще.
Во-первых, если при обновлении расширения Joomla (или, собственно, Joomla) изменились файлы в ядре, которые были переопределены в шаблон ранее, то Joomla покажет информацию об этом в соответствующем блоке на главной странице админки, вот здесь:
При клике по этой иконке, вы увидите подробную информацию о файлах с измененными макетами, которые были переопределены в ваш шаблон. Воспроизвести это не так просто, а потому позволю себе показать вам картинку из официальной документации, для общего представления:
Ну и во-вторых, если вы зайдете в:
Система –> Шаблоны сайта –> Редактировать [Ваш_шаблон] –> Вкладка «Редактор»
и откроете в файлах слева любой ваш переопределенный файл, то сможете увидеть различия в оригинальном и измененном файлах, которые будут подсвечены (для этого нужно активировать опцию «Показать различия» на этой же странице):
Здорово, удобно. Но, опять же, эта функция будет полезна в первую очередь для разработчиков.
7. Web Services API
В Joomla 4, наконец, появилось полноценное Web API. Что это и как это может быть полезно?
Если говорить простым языком, теперь можно управлять Joomla через сторонние сервисы/приложения. Joomla 4 может принимать запросы извне на управление практически всем контентом.
К примеру, теперь можно удаленно:
Кто-то может спросить: «Зачем это нужно, если можно делать всё из админки»?
Первый пример: Теперь можно создать для управления Joomla мобильное приложение. При этом его разработчикам не придется вникать в то, как устроен код CMS.
Второй пример: Теперь можно создать сеть сайтов на Joomla, которая будет управляться централизованно, из одного места. Там же можно будет видеть всю статистику по всей сети: общее кол-во пользователей на всех сайтах. Количество статей, сообщения и т.п.
Третий пример: Теперь вы легко можете создать модуль, скажем, анонсов новостей для первого вашего сайта, которые появляются на втором вашем сайте. Достаточно просто получать их по Web API.
В общем, можно придумать очень много всего весьма и весьма впечатляющего. Но это, опять же, в первую очередь для разработчиков.
Для тех, кто хочет ознакомиться с Web API Joomla подробнее, советую посмотреть его описание на Постмэне. Там всё удобно показано.
8. CLI (Command Line Interface)
Это сложно описать простым языком. Есть в работе с сайтами задачи, которые выполняются долго, или очень долго. Например, создание или развертывание резервной копии большого сайта. Когда вы выполняете эти задачи через браузер (через админку Joomla), то ограничены множеством лимитов, которые использует сервер, чтобы предотвратить неприятные ситуации, вроде зависания от одной большой задачи. CLI – это консоль. В ней вы можете также запускать на выполнение тяжелые PHP-скрипты, но при этом не будете сталкиваться с некоторыми базовыми серверными ограничениями.
В Joomla 4 вы можете быстрее и проще создать приложение, который будет выполнять подобные задачи через консоль.
Если вы далеки от программирования и мало что поняли из описания выше, просто проигнорируйте этот пункт, он не для вас. Если же вы близки к разработке, то можете посмотреть:
9. Веб-ассеты
Очень полезная возможность, призванная навести в Joomla 4 порядок с JS и CSS файлами.
Кто работал с Joomla 3, знает, что в шаблоне, макете, да и любом, по большому счету, файле, можно подключать JS и CSS файлы или прямо куски JS/CSS-кода.
Всё это, конечно, прекрасно, но превращается в огромную боль, когда нужно, например, внести изменения в JS-файл определенного компонента. Или, если нужно отключить какой-то файл/кусок кода, который выводится в шаблон через head.
В Joomla 4 используется принцип веб-ассетов. Если говорить простым языком, появляется:
Слезы счастья будут течь из глаз разработчиков расширений, шаблонов, сайтов Joomla, после ознакомления с этой новой возможностью.
Штука очень полезная. Подробнее почитать о том, как она работает, можно здесь.
10. Настраиваемый дашборд панели управления
В админке Joomla 4 появился более простой способ настроить дашборд под себя. Оно было и в Joomla 3, но почти никто не изменял там главную страницу админки, поскольку это слегка нетривиально. В Joomla 4 всё стало проще.
Во-первых, у всех блоков дашборда вы можете видеть иконку настройки, через которую легко изменить параметры блока или отключить его:
Во-вторых, в нижней части дашборда появился блок «Добавить модуль в панель управления». Он не делает ничего необычного – просто позволяет выбрать модуль админки и добавить его на дашборд:
Не могу сказать, что это шибко полезное нововведение, но своих почитателей, определенно найдет. Особенно, если разработчики добавят возможность перетаскивание блоков дашборда мышкой.
11. Управление заголовками HTTP
В Joomla 4 появился новый плагин, который позволяет управлять заголовками HTTP. Называется он HTTP Headers. Легко ищется в менеджере плагинов по этому названию.
Задача плагина, выдавать те или иные параметры в заголовке страниц, которые генерирует Joomla. Параметров таких нынче стало довольно много. Вот настройки плагина:
Вы можете включить/выключить как базовые заголовки, так дополнительные.
Даже если вы не являетесь веб-разработчиком, а просто имеете сайт на Joomla, советую, все-таки, ознакомится с основным набором HTTP-заголовков. Возможно, некоторые из них окажутся вам полезными.
12. Использование Bootstrap 5
В Joomla 4 включили Bootstrap 5. Вы вовсе не обязаны его использовать, но если вам нужно быстро набросать интерфейс, то этот CSS-фреймворк может оказаться полезным.
В Joomla 4 вы можете легко подключить Bootstrap 5 в ваш шаблон (если, конечно, это еще не сделано), а дальше использовать всю мощь его встроенных компонентов, которые, обычно, вызываются в одну строчку кода.
Подробнее о вызове компонентов Bootstrap в Joomla 4 можно почитать здесь (статья писалась еще для Bootstrap 4, который планировалось использовать в Joomla 4, но по большей части она будет актуальна и для Bootstrap 5, который, в итоге, добавили).
Эпилог
Кроме описанных выше нововведений, Joomla 4 несет в себе и много других, гораздо менее заметных глазу – это и большое обновление API и улучшенная безопасность, а также бесчисленное множество мелких улучшений.
Joomla 4 делали долго. Я бы сказал, очень долго. Но если вспомнить, чем была Joomla 3 в момент выхода и что она представляет собой сейчас, на момент выпуска Joomla 4 – это две большие разницы.
В процессе жизненного цикла Joomla 3 постепенно обрастала новыми функциями и полезными возможностями. Думаю, что и с Joomla 4 будет также. Поэтому не судите строго первую версию. В ней есть большой задел для разработчиков, так что всё лучшее еще впереди.