Joomla-4
Вступ:
Joomla 4 на сьогоднішній день є найфункціональнішою безкоштовною CMS.
- У ній зібрані найсучасніші веб-технології, що дозволяють створити сайт будь-якої складності.
- Вбудований фреймворк Bootstrap-5 та відмінна система перевизначень дають можливість швидко створити інтерактивні елементи прямо в редакторі TinyMCE.
- За допомогою класів CSS можна створювати різні макети блогу прямо в налаштуваннях меню.
- Цікава система підключення скриптів та атрибутів Web Assets та API.
- ... і багато іншого цікавого.
Після встановлення 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.
Карусель – це показ кількох слайдів на екрані із серії вмісту. 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.