На конференции DEVCON 2025 я проведу практический семинар, посвященный созданию единообразной, доступной и полностью адаптивной навигации с использованием фрагментов адаптивного меню Liferay. Семинар посвящен практическим методам, которые вы можете сразу же применить в реальных проектах, будь то разработка макетов для нескольких сайтов или улучшение навигации на разных устройствах.

Сведения о Сеансе

Название: Адаптивная навигация в Liferay: мастер-класс по использованию адаптивных фрагментов меню

Когда: среда, 19 ноября, 13:50 по центральноевропейскому времени

Где: Главная сцена

Полную программу мероприятия можно посмотреть здесь:

https://events.liferay.com/event/DEVCON2025/agenda

Что охватывает Сессия

На занятии основное внимание уделяется рекомендациям, которые вы можете сразу же применить в своих проектах на Liferay:

1. Установка адаптивных фрагментов меню

Как получить их на торговой площадке Liferay и подготовить свою среду.

2. Интеграция меню в мастер-страницы

Настройка фрагментов для единообразной навигации по страницам и макетам.

3. Настройка поведения и внешнего вида

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

4. Доступность и удобство использования на мобильных устройствах

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

Почему адаптивные меню так важны

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

Ресурсы для Сеанса

Практическая рабочая тетрадь

Упражнения, использованные во время занятия

https://github.com/peterrichards-lr/devcon2025-a-мастер-класс-по-использованию-фрагментов-адаптивного-меню

Liferay Marketplace — адаптивные фрагменты меню

Предварительно установите фрагменты в свой экземпляр

https://marketplace.liferay.com/p/responsive-menu-fragments

Исходный код

Пример реализации этих и других фрагментов

https://github.com/peterrichards-lr/liferay-fragments/tree/main/responsive-menus

Присоединяйтесь ко мне на DEVCON 2025

Если вы работаете с навигацией, дизайном страниц, мастер-страницами или многосайтовым UX, этот курс предоставит вам практический инструментарий для создания адаптивных и доступных меню для ваших проектов.

Я с нетерпением жду встречи с вами в среду в 13:50 по центральноевропейскому времени на главной сцене.