Masonry — адаптивный шаблон для DLE 21 со светлой и тёмной темой
Masonry для DLE 21.0 — адаптивный шаблон для блога и онлайн-журнала. Светлая и тёмная темы переключаются в шапке, а выбранное оформление сохраняется в браузере.
Возможности
- Сетка карточек: три колонки на большом экране, две на промежуточных ширинах и одна на телефоне.
- Меню категорий, мобильная навигация, быстрый поиск и окно авторизации.
- Статья с боковой колонкой, комментарии, цитирование и штатный редактор DLE.
- Страницы поиска, профиля, регистрации, обратной связи и статистики, закладки для авторизованных пользователей.
- Обычная постраничная навигация. Количество материалов на странице задаётся в DLE.
- Локальные шрифты Montserrat и SVG-иконки.
Что изменено при адаптации
Шаблон подготовлен и проверен на DLE 21.0. Исправлены меню и состояния наведения в обеих темах, выравнивание иконок, центрирование диалогов и адаптивная сетка. Удалены выявленные неиспользуемые библиотеки, стили и остатки старых модулей; основное оформление собрано в один CSS. Исправлены служебные страницы, предпросмотр, формы, контраст и ряд элементов доступности. Редактор комментариев инициализируется при приближении к форме.
Совместимость
Проверена DLE 21.0. Для других версий совместимость не заявляется. Движок, база данных и демонстрационные публикации не входят в архив. Сторонние модули для работы шаблона не требуются.
Установка
- Сделайте резервную копию действующего оформления.
- Скопируйте папку Masonry из архива в templates вашей установки DLE.
- Выберите шаблон в панели управления и очистите кэш DLE.
- При необходимости создайте необязательное поле poster типа «Загружаемое изображение», с уменьшенной копией 800×500. Если поле не заполнено, используется первое изображение статьи.
Подробная инструкция и настройки находятся в INSTALL.md внутри архива.
Проверки
До подготовки распространяемой сборки выполнены визуальные и функциональные проверки в Chromium: 70 сочетаний страниц и ширин экрана, 28 функциональных сценариев, проверка внутренних ссылок, HTML и доступности. Проверялись обе темы, в том числе мобильный режим. В четырёх отдельных сценариях загрузки и прокрутки CLS составил 0. Это локальные лабораторные результаты, а не гарантия показателей на любом хостинге.
Скачивание
Архив и ссылки на репозиторий и релиз доступны в блоке загрузки этой публикации.
SHA-256: 6c7653b2db94488f4b1687e0a8d38fef3e942592371e76e593c77df6a5045664
Ссылки и источники
Скриншоты
Шесть скриншотов до добавления блоков услуг и хостинга: отдельная светлая главная и пять совмещённых снимков (слева светлая тема, справа тёмная). Размеры для загрузчика уменьшены с сохранением пропорций.
Пока никто не оставил комментарий