Шаблон MF 9.0

История изменений шаблона MF

Версия 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

Теперь шаблон MF высылается только по вашему email-запросу: вы получите самую актуальную версию. Анонсы я буду публиковать в своём Twitter'е или на сайте.

Различные исправления

Исправлены 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