Joomla 4
Вступление:
Joomla 4 на сегодняшний день является самой функциональной бесплатной CMS.
- В ней собраны самые современные веб-технологии, которые позволяют создать сайт любой сложности.
- Встроенный фрэймворк Bootstrap-5 и отличная система переопределений дают возможность быстро создать интерактивные элементы прямо в редакторе TinyMCE.
- С помощью классов css можно создавать различные макеты блога прямо в настройках меню.
- Интересная система подключения скриптов и атрибутов Web Assets и API.
- ... и много еще другого интересного. Более подробно о новшествах написано на сайте Wedal
После установки joomla, установите Демо данные и внимательно смотрите на все поля в меню, материале, категории, которые там заполнены. Обычный пользователь легко разберется в начальных настройках. Создать простой сайт или блог довольно просто. Чтобы прочувствовать весь функционал joomla-4 нужно быть немножко программистом.
По-моему мнению, новая версия joomla-4 направлена больше на разработчиков. Новички также могут сделать несложный сайт на базовом шаблоне. Для тех, кто наберется терпения и почитает документацию на официальном сайте joomla-4, будет откровение и приятные сюрпризы в настройках и функционале.
К созданию новой версии приложили руку разработчики студии RocketTheme - авторы фрэймворка Gantry-5 (мощный, эффективный). Я был подписчиком данной студии, и на форуме несколько раз проскакивала информация, что активно участвуют в разработке joomla-4. Некоторые веб-технологии, которые обсуждались на форуме, явно присутствуют в joomla-4.
В разработке также участвовали все ведущие joomla студии и предлагали свои флагманские компоненты для внедрения в joomla-4 (Helix, AcyMailing, Akeeba). Однако сообщество joomla решило, что "joomla! - это опенсорс, именных продуктов в базовой версии не будет. В создании участвуют все желающие, предлагают идеи, пишут код, тестируют". Похоже после таких заявлений "шарик сдулся" и битва за первонах закончилась 😜
По существу:
С момента выхода релизов в течение лета 2021 я создал 2 живых сайта на joomla-4. Сайт-визитка производственного предприятия с небольшим каталогом продукции. И решил поделиться своими наработками. Новая версия joomla-4 очень функциональная, поверьте мне на слово, изучите ее и начинайте делать сайты.
С помощью встроенного редактора TinyMCE (плагин шаблоны html), нового медиа-менеджера (ресайзинг) и дополнительных полей можно создать супер веб-ресурс. Даже небольшой магазин можно сделать без установки специального shop компонента.
Если у вас два-три десятка товаров, то навороченный магазин устанавливать не надо. Связка "Блог-Материалы-Поля" плюс небольшой модуль "Корзина" сделает вас счастливым обладателем быстрого магазина. Правда для этого нужны правильные руки и знания.
Скорость загрузки joomla-4
Посмотрите пример сайта, на котором вы сейчас находитесь:
Без сторонних расширений, базовый функционал, картинки и скрипты еще не оптимизированы, на сайте и на хостинге отключены кэш, Minification, gzip, memcached. Google PageSpeed Insights с первого раза выдал 100%.
Похоже на фантастику, но это факт. Joomla-4 очень быстрая. Пользователи это оценят.
По мере наполнения данными и скриптами, страница конечно будет увеличиваться в объеме и показатели скорости загрузки немного упадут, но не существенно, несколько процентов особой роли не играют.
В своих материалах я показываю примеры создания красивых функциональных страниц без установки сторонних компонентов. Там же я добавил файлы, которые вы можете скачать и использовать на своем сайте. Со временем думаю сделать свой шаблон и установить туда все свои наработки. Joomla-просвещением занимаюсь по доброте душевной, open source должен развиваться.
Создать красивые функциональные страницы в joomla-4 можно штатными средствами без тяжеловесных билдеров. В редакторе TinyMCE есть кнопочка "Шаблоны HTML". Их теперь можно переопределить в папку вашего шаблона, в стандартном шаблоне это templates/cassiopeia/html/tinymce. Предварительно создав различные макеты объектов, вы намного ускорите и упростите себе работу.
Это конечно не те конструкторы, которые привыкли многие юзать. Это просто набор заготовок для упрощения работы.
В качестве примера я выкладываю файлы для скачивания. Они публикуются в конце каждой статьи, а также собраны на странице "Скачать".
Сайт-визитку, портфолио, каталог товаров, лэндинг, портал можно создать базовым функционалом Joomla 4.
Карусель - это показ нескольких слайдов на экране из серии содержимого. Multi Carousel создан на основе скрипта Bootstrap.carousel. Незаменимая вещь для демонстрации товаров в интернет магазине.
В joomla-4 в меню блога можно управлять расположением и количеством колонок вывода статей. Благодаря новой системе классов grid и flex, можно создавать красивые новостные блоки без сторонних компонентов.
Выезжающие панели и всплывающие окна нравятся всем. Такой эффект достигается анимацией элемента. Она бывает статической видимой и запоздалой появляющейся.
В Joomla-4 установлен иконочный шрифт Font Awesome: более 2000 бесплатных иконок на любой вкус. А в редакторе TyniMCE смайлики эмодзи.
Lightbox - это небольшой скрипт JavaScript, который отображает изображения, видео и контент во всплывающем окне, затемняя остальную часть страницы.
В joomla-4 по умолчанию используется модальный JavaScript плагин Bootstrap для добавления диалоговых окон на сайт для лайтбоксов, уведомлений пользователей или полностью настраиваемого контента.
Чтобы репостинг статей сайта в соц.сети был красивый, необходимо сделать разметку Open Graph. К сожалению, в joomla-4 в статьях и категориях нет такой разметки. Когда я это прочитал, немного огорчился, и быстро нашел выход. Пишем код прямо в основной файл статьи default.php
В новой Joomla-4 в качестве базового бесплатного шаблона используется шаблон «Cassiopeia». Файловую структуру (папки и файлы) можно посмотреть в бэкенде сайта. С настройками потренироваться в настройках шаблона, их мало и они понятны.
Bootstrap - это фрэймворк (компонент вывода материалов), построенный на css и JavaScript. Его создали разработчики социальной сети Twitter и сделали бесплатным Open Source.