История изменений шаблона MF
Версия 15 2025-03
- Крупное обновление шаблона.
- Возобновление продаж MF вместо отдельных ограниченных версий.
- Переход на Berry CSS 5.
Обновление с MF 12
- Используйте последнюю версию MaxSite CMS 108.9 или 109 (когда выйдет). В ней изменения как раз связанные с MF 15 (прописаны некоторые классы).
- Лучше всего использовать новые файлы MF 15, то есть не нужно загружать новую версию поверх старой. Вместо этого используйте «чистый» дистрибутив MF 15, а уже потом скопируйте в него те файлы, которые вы меняли в старом шаблоне.
- Насколько было возможно, я старался сохранить совместимость, поэтому большинство файлов сохранили свои имена, хотя они могли поменяться внутри.
- Много изменений было в каталоге шаблона
assets
. Поэтому старый каталог переименуйте (если были ваши изменения) и используйте новыйassets
. Если же вы меняли файлы вassets
, то загрузите новый вариант, а потом перенесите старые изменения. Всё это связано с переходом на новую верисю Berry CSS. - Я убрал страницу MFDesign, но вы можете использовать старый вариант. Также я убрал возможность редактирования текста записи на самой странице сайта: файлы были в каталоге
take
,custom/options/21_editable.ini
,custom/my/editable.php
,custom/extra/editable/*
. - Если вы меняли цветовой дизайн сайта, то сейчас это делается немного проще с помощью css-переменных в
assets/css/themes
. Там много готовых примеров, которые вы можете адаптировать для себя.
Версия 12 2021-05
- См. Описание релиза.
Версия 11 2021-02
- См. Описание релиза.
- Alpine.js подключается всегда в конце BODY с предзагрузкой. В перспективе она сможет заменить большинство кода jQuery, что в итоге приведёт к ускорению загрузки сайта. Большинство JS/jQuery-кода в MF было заменено на Alpine.js.
- Отказ от js-компонентов Berry CSS в пользу Alpine.js. То есть не нужно использовать компоненты Berry CSS: они легко повторяются с помощью Alpine.js.
- Переделал предупреждения о куках на Alpine.js. Добавил ещё один новый дизайн.
- В комплект включил небольшую библиотеку cookie.min.js для работы с куками.
- Новые компоненты для шапки header12, header13, header14.
- Обновил Berry CSS до последней версии.
- Добавил библиотеку анимации anime.js. Вот здесь опубликовал примеры использования.
- Переделал компонент header-menu1 на анимацию с помощью anime.js. Это позволило убрать зависимости от css-классов анимации.
- В качестве слайдера используется только tiny-slider.
- Слайдеры lightslider и owl2 удалены и больше не поддерживаются. Соответственно больше нет их компонентов и модулей. Вместо них нужно использовать tiny-slider. Но если вы их используете, то скопируйте файлы из MF 10.
- Теперь 10 тем цветового оформления (default, cyan, green и т.д.). Большинство css-классов модулей были заменены на Material Design с использованием цвета primary. Это позволяет переключать цвет без правки html-кода.
- Первая инверсная тема оформления invert-default, где используется темный фон. Могут быть какие-то нестыковки по дизайну, но в целом работает корректно.
- Возможность указывать размер миниатюр через опции для info-top-файлов. Используются пары 640/480 и 800/600px.
- Собственная пагинация вместо плагинов MaxSite CMS. Доступно два варианта вывода. Включаются через опции.
- На странице mfdesign добавил вывод IM-иконок для быстрого доступа.
- Изменил info-top page.php на стандартную миниатюру, а новый page3.php — с широкой перед записью.
- Удалил из комплекта svg-файлы FA5, поскольку их много, но они редко используются.
- Новый компонент menu3.
- Ряд переделок для возможности расширения MF до MF Book.
- Модули forms были унифицированы и переписаны с jQuery на Alpine.js. Это позволило использовать интерактивность чекбоксов, да и код стал чище и меньше.
- jQuery-плагин для css-класса scrollToFixed (jquery-scrolltofixed-min.js) больше не загружается автоматом. Вместо него и класса scrollToFixed можно использовать классы pos-sticky pos0-t z-index9.
Версия 10 2020-12
- См. Описание релиза.
- Переделка компонентов header-menu1 на чистый js-код, вместо jQuery.
- jQuery-плагин bpopup заменен на модальное окно из Berry CSS.
- Удалена документация mfdoc из самого шаблона — теперь это этот сайт.
- Шрифт OpenSans обновлен так, что в него теперь входят все начертания: 300, normal, bold, bolder и т.д.
- Добавлен новый слайдер tiny-slider. Он без зависимости от jQuery, небольшой и неплохо настраивается. Буду планировать его использование как замену Owl Carousel 2 в будущих версиях MF.
- Новый модуль sligers/tiny-slider1 используется как пример использования смешанного контента. Можно использовать как каркас для своих слайдов. Но вообще слайдер буду ещё дорабатывать.
- Перегруппированы модули store. Часть модулей (headers) дублировалась с berry/blocks, поэтому удалена. Те модули, которые пока в единственном варианте, перемещены в other.
- Страница mfstore теперь состоит из скриншотов, чтобы сразу видеть внешний вид модуля. В каждом модуле есть файл screenshot.png. При просмотре модулей в mfstore добавлена навигация на следующий/предыдущий блок.
- Немного «подчистил» sass-файлы: от предыдущих переделок остались неиспользуемые «хвосты».
- Исправлена ошибка в модуле counts/count1.
- Поправлена форма на странице поиска search.
- Обновление Berry CSS до последней версии.
- Добавлен шорткод [module] для вывода модуля в тексте записи.
- Добавлена возможность указывать анимацию (css-классы) по js-событиям. См . Анимация
- Добавлен файл alpine.min.js для работы с Alpine.js
- Код модуля accordions/accordion1 обновлен на details (теперь работает без зависимостей).
- Код модуля tabs/tab1 переделан с использованием Alpine.js
- Удалены файлы jquery.lighttabs.js и jquery.mso-accordion.js, как потерявшие актуальность.
- В компонентах добавлена опция «Условие вывода», там где её не было.
- Новые модули шапок для лендинга в каталоге headers. Пока 3 варианта.
- Новая страница в документации Как из главной страницы сделать лендинг
Версия 9 2020-10
- См. Описание релиза.
- Отказ от фреймворка Bootstrap и переход на новую версию Berry CSS 3.0. Все блоки Berry автоматически поддерживаются в MF (в виде модулей или вставляемого html-кода).
- Поддержка разных тем шаблона в assets/css/themes/. Они выбираются в настройках шаблона на вкладке «Дизайн». Каждая тема содержит свой вариант дизайна. Важно: темы оформления green и red пока тестовые и скорее всего будут изменены в следующих версиях.
- Переход на Material Design с использованием цветов primary/secondary/tertiary. Изменения по css-классам — раньше использовался класс цвета, например t-blue600, сейчас t-primary600. Изменения касаются всех частей шаблона (блоки, type, type_foreach, компоненты и т.д.)
- Переделка css-файлов меню. Теперь меньше файлов, но они поддерживают цветовые схемы Material Design. Компонент menu также изменен и получил возможность настройки из других компонентов.
- Собственный символьный шрифт IM. Он всегда подключается в шаблоне и предоставляет служебные символы, которые используются в меню, навигации и т.д. См. IM-иконки.
- Оптимизация по скорости загрузки.
- Модули в store сгруппированы немного по другому. Добавлены новые варианты.
- Добавлены новые svg-изображения из FontAwesome и Froala.
- Переделка компонентов шапки. Отдельно выделены компоненты header-menu1, и header-menu2 из старых header1 и т.д. Все компоненты получили новые настройки и возможности. Общее количество компонентов уменьшилось, но за счёт настроек, их возможности увеличились.
- Новые компоненты modules1(2), через которые можно подключить произвольные модули юнитов.
- Удалены компоненты и файлы Cols. Вместо них следует использовать модули footer, которые можно подключить через компоненты modules1(2).
- Компонент social может настраиваться из других компонентов.
- Новый компонент info1 выводит информацию о записи и рубрике.
- Новый main-файл модульной сетки fields. Это вывод содержимого сайта в одном общем контейнере. Пока экспериментальная возможность. Некоторые компоненты могут вести себя не совсем коррекно в этой сетке, поскольку требуют дополнительной разметки.
- Добавлено еще два новых фоновых изображения для шапки.
- Удалена страница mfcomponents. Как оказалось, она не имеет особого смысла.
- Некоторые блоки Berry CSS добавлены в MF в виде модуля berry/block. Для их подключения используется компонент modules1(2), где в параметрах указывается подключааемый файл.
Версия 8 2020-03
- Возможность указывать компоненты шапки и подвала для разных адресов.
- Добавлен новый модуль timeline1.
- Исправления для PHP 7.4.
- В формах поправлен email-получателя на опцию «Email администратора».
- Добавлен новый файл подвала доля cols — 4col-2.php**.
- Новый шорткод [include][/include] для подключения php-файла в тексте записи.
- Сделал 3 новых модуля features. Общее количество модулей для главной — 60 шт.
Версия 7 2020-01
- Документация обновлена до последней актуальной версии шаблона и MaxSite CMS.
- Копирование модуля доступно прямо на странице MF Store.
- Классы FA-иконок заменены на 5-ю версию шрифта.
- Компоненты header11 и header12 получили секционные опции.
- Появилась страница MF Components, где можно посмотреть скриншоты и описание компонентов.
- В опциях «Выводить предупреждение о куках» блоки дизайна перенесены в отдельные php-файлы (каталог
parts/cookie_alert
). - В css-профиле paragraph-justify.css добавлено свойство для переноса текста. Работа переноса зависит от браузера и его словарей.
- Обновление/рефакторинг кода для MaxSite CMS 105.
- Появилась возможность произвольно подключать шрифты для сайта. Описание см. на странице Шрифты.
- Добавлен новый шрифт Source Sans Pro.
Версия 6 2019-12
Различные исправления
Исправлены css-стили, php-файлы, блоки и т.д.: всё то что накопилось за это время.
В каталоге «custom» новые файлы и некоторая переделка базового функционала. Добавлены экспериментальные модули, которые пока не следует использовать на своем сайте.
Bootstrap обновлен до последней версии 4.4.1.
Теперь минимальная версия PHP 7.1, так же как и ближайшей версии MaxSite CMS.
Добавления
Новые компоненты шапки «header11», «header12» и дизайн меню: menu6.css, menu7.css и menu8.css.
Новые модули для главной: form5, promo6, promo7, offer1, offer2, offer-form1, accordion2.
В эту помощь включил информацию об использовании css-анимации и иконок.
Добавлены иконки FontAwesome 5
Добавлены иконки FontAwesome 5-й версии (5.12). Поскольку они разделены со старыми, то могут использоваться без конфликтов между собой. См. fontawesome.com/cheatsheet. В бесплатной версии FA 5 три вида иконок: fas (solid), far (regular), fab (brand). Следует указывать один из этих классов, а после класс иконки.
<i class="fas fa-anchor"></i> <i class="fas fa-anchor"></i> <i class="fab fa-whatsapp"></i> <i class="fab fa-whatsapp"></i>
Классы четвёртой версии FontAwesome в MF следующих версий будут заменены на пятую версию. Поскольку это разные css-классы, то желательно сразу использовать новую версию FontAwesome.
ВАЖНО! Для того, чтобы иконки отображались на сайте, их нужно включить в Настройках шаблона — CSS профили. Выберите файл fontawesome4-lazy.css и/или fontawesome5-lazy.css.
Каталлог blocks удалён
Каталог «blocks» удалён, поскольку имел слишком расплывчатую семантику. Его содержимое перенесено в каталог «parts», который содержит части каких-то других блоков, виджетов, компонентов. Если вы использовали «blocks» в настройках шаблона, то измените его на новый вариант.
Версия 5 2019-11
Bootstrap 4
В MF добавлен CSS-фреймворк Bootstrap 4.3. Это значит, что вы можете использовать все его компоненты.
В этой версии MF я не добавлял новых модулей и блоков для вывода (store). Главная задача - это полноценный переход на Bootstrap и Berry, а также оптимизация загрузки css-файлов. Добавление новых модулей я планирую в следующих версиях MF.
Обновление структуры css-файлов
Немного изменена структура sass-каталога, с учётом Berry и Bootstrap. Также выполнена оптимизация по загрузке css-файла. Раньше в секции HEAD подключалось 2 файла, теперь один, который к тому же меньше по размеру. Это должно положительно сказаться на скорости загрузки сайта.
Страница корзины
Доделал вывод корзины. Это типовой вариант размещения, который находится в type/cart/cart.php
Страница дизайна
На странице дизайна разместил новые цвета (от Berry), а также некоторые компоненты Bootstrap для примера.
Компоненты. Меню
Переделал некоторые компоненты шапки, а также добавил новый компонент header10. Он используется jQuery-плагин pursuingnav для фиксации шапки аля-андроид (при скроллинге вверх). Также добавил ещё один вариант дизайна меню menu5.css
Прочее
Некоторые файлы из type_foreach были перенесены в take. Их логика подключения немного изменена (используйте последнюю версию MaxSite CMS), что позволило вынести в настройки шаблона опции, которыми можно управлять выводом информации рубрик, меток и т.д.
Версия 4 2019-09
Введены модули для юнитов
Я предполагал, что будет много блоков для главной, так это и случалось. Для того, чтобы немного упростить с ними работу, я выделил отдельный каталог blocks
, где каждый юниты. Сложность в том, что юниты разные, поэтому получилось так, что часть юнитов можно было подключать через @fromfile
, а часть нужно указывать как секцию [unit]
. При большом количестве блоков возникает путаница.
В итоге я ввел концепцию модуля, где все модули располагаются в каталоге modules
, каждый в своём подкаталоге. У модуля должен быть основной файл index.php
- именно он и подключается как юнит. Соответственно в index.php
может быть уже либо непосредственные секции [unit]
, либо любые другие возможности юнитов MaxSite CMS.
Подключение модуля очень простое (в файле type/home/units.php
):
@module promo/promo1
То есть указывается подкаталог модуля (относительно каталога modules
). MaxSite CMS сама найдет нужный файл в каталоге модулей.
Каталог blocks
остался прежним, но теперь в нём только те файлы, которые подключаются в других частях шаблона. Формально здесь и дальше можно размещать юниты, хотя это опять может привести к путанице.
Каталог store
В MF в каталоге modules
лишь несколько демо-модулей. Все готовые для использования модули располагаются в каталоге store
. Для того, чтобы использовать модуль, нужно его скопировать в modules
и уже в нём редактировать тексты, оформления и т.д.
Главный смысл такого разделения в том, чтобы обновление шаблона MF проходило без проблем. Каталог modules
— это рабочий каталог шаблона и он не будет затираться при обновлении (как это происходило раньше с blocks
). Когда появится новый модуль, вы его получите с обновлением шаблона в store
.
Предпросмотр модулей через MF Store
Чтобы упростить подбор модулей для главной, я сделал отдельную страницу MF Store, которая выводит все существующие модули из каталога store
. Это живой предпросмотр, где отображаются все существующие модули.
Для того, чтобы использовать модуль на главной, следует его скопировать в каталог modules
и включить в файле units.php
.
Изменения по CSS. Переход на Berry
По сути это одно и тоже: Berry — это «чистое» ядро UniCSS. Основной смысл разделения в том, чтобы утилитарные классы были отделены от типографики. То есть теперь Berry развивается отдельно и используется в шаблоне MF. А типографика шаблона и основной дизайн вроде как теперь отдельно. :-) На практике это выражается в том, что scss-файлы имеют другую структуру, и добавлены новые возможности Berry: в нем более упорядочены классы, больше градаций цветов, отказ от A-цветов (colorA1) и т.д.
Дизайн-меню
Раньше приходилось использовать дизайн только одного главного меню шаблона. Когда компоненты шапки разные по дизайну, то приходилось подстраиваться под дизайн меню, что сильно ограничивало возможности. Теперь дизайны меню вынесены отдельно и их можно подключать из админ-панели.
Схема простая — после того, как вы выбрали компоненты шапки, можно выбрать подходящий дизайн меню. Поскольку теперь меню живут отдельной жизнью, то их можно будет предусмотреть множеством вариантов. Но главное, что теперь можно создавать компоненты шапки, не завязываясь на единственное меню. В этой версии MF я добавил несколько новых компонентов шапки и несколько вариантов меню.
Подобрать меню можно в настройках шаблона на вкладке Дизайн. Учитывайте, что дизайн-меню никак не связаны с компонентами шапки, поэтому после выбора компонента, подберите под него подходящее меню.
Компоненты шапки
Раньше шапку можно было скомбинировать разными компонентами, даже теми, которые не подходят друг к другу. Чтобы избежать подобных проблем, я переделал все компоненты шапки для того, чтобы они представляли собой единое целое.
В комплекте MF сейчас 9 компонентов шапки. Некоторые из них новые, рассчитанные на свой вариант дизайн-меню.
Шорткод toc
Новый шорткод [ toc ][ /toc ]
используется для вывода содержания записи. Содержание строится по заголовкам H2, H3, H4, H5 и H6.
Описание и возможности шорткода приведены в файле custom/shortcode/toc.php
Анонсы я публикую на своём на сайте.