Релиз шаблона MF 16
Эта версия шаблона MF содержит изменения, касаемые новых возможностей Berry CSS 5.2: поддержка dark-режима сайта.
Изменения затронули основной каталог компонентов шапки и подвала. Если раньше мы писали, скажем только bg-primary700
, то сейчас нужно указывать класс и для темного режима bg-primary700 dark:bg-primary200
.
Поскольку почти все компоненты настраиваются через опции в админке, то можно поступить двумя способами.
Первый — если вы не сильно меняли настройки компонентов, то можно просто сбросить их до дефолтного состояния. Для этого нужно открыть файл custom/set-options.php
, где вверху будет закоментированная строчка
// Для принудительной инициализации нужно раскоментировать строчку // достаточно один раз обновить любую страницу сайта, после вновь закоментировать // mso_delete_option('template_set_component_options', getinfo('template'));
Уберите комментарий, чтобы получилось так:
mso_delete_option('template_set_component_options', getinfo('template'));
После этого обновите любою страницу сайта и потом опять верните комментарий. Таким образом настройки шаблона вернутся к дефолтным. Там уже и будут все dark-классы.
Второй способ — это если вы уже настроили свой сайт, то вы можете просто взять новые классы из соответствующих options.ini
компонента. Вряд ли вы все их используете, поэтому достаточно подкорректировать только те, которые выводятся на сайте.
По умолчанию dark-режим включен, но если он не нужен, то есть опция «Включить поддержку темного режима Berry CSS».
Сам по себе dark-режим достаточно специфичная штука, поэтому, если нужно настроить его для всего сайта, то используйте assets/css/berry/dark.css
. Либо, чтобы не трогать этот файл, сделайте свой css-profiles.
Для переключения dark-режима я написал js-код, который автоматом подключается и смотрит вначале предпочитаемую тему браузера (там может уже быть выбран темный режим). Ну а потом сохраняет его в LocalStorage. В общем стандартное поведение.
Иконка для переключения будет выводиться либо в меню, либо где-то в шапке, в зависимости от дизайна компонента. Я немного переделал компонент именно именно ради этого.
Сейчас интеграция с Berry CSS такая, что как только появится её новая версия, вы можете просто загрузить berry.css
в свой шаблон и использовать все новые возможности.
Теперь важный момент. Я прописал dark-классы везде, кроме mfstore. Поскольку mfstore — это всё-таки больше каркасы, то вы уже сами настраивайте блоки под нужный дизайн. Учесть все пожелания будет проблематично, поэтому используйте своё творчество.
Файл шаблона я уже начал рассылать через телеграмм. Если вы ещё не купили MF, то самое время это сделать, пока действует хорошая скидка.
PS. Чтобы не делать отдельную запись, напишу что я восстановил свой старый telegram-канал и буду некоторые заметки публиковать там.