Релиз шаблона MF 11 (февраль 2021)
04-02-2021Reading time ~ 4 min.Шаблоны для MaxSite CMS 2464
Заказать обновление шаблона или купить его можно будет с 8 февраля. Предыдущая версия шаблона позволила двигаться дальше, поэтому в новой версии появилось много нового и интересного. :-)
Пожалуй, самым заметным будут новые цветовые темы оформления. Основной цвет шаблона blue, но в прошлой версии я добавил для тестирования red и green. Я с ними много работал и в итоге расширил MF до 10 цветовых тем: default, cyan, green, indigo, lime, orange, pink, purple, red, violet. Достаточно выбрать подходящий дизайн в админ-панели. За счёт того, что используется Material Design ничего не требуется менять в HTML-коде. Выглядит довольно круто.
Но это ещё не всё. Также я добавил одну инверсную тему, рассчитанную на тёмный фон браузера. Здесь срабатывает возможность Berry CSS, которая позволяет инвертировать цветовые палитры. Пока тема в статусе экспериментальной, поскольку достаточно сложно добиться автоматической смены дизайна на инверсный. Тут просто требуется время, чтобы отследить все нюансы.
Из добавлений также отмечу новые компоненты шапки: header12, 13 и 14. Вот их скриншоты в разных цветовых дизайнах. Header12 в red, Header13 в инверсном варианте, а header14 в violet.
Конечно, новые компоненты могут настраиваться через опции.
Также я добавил новые menu2 и menu3 рассчитанные на одноуровневые меню (без выпадающего списка).
Компонент header-menu1 я переделал на анимацию через anime.js. Там сложные условия для событий скроллинга, которые я никак не мог нормально связать с css-классами. С anime.js удалось сделать красивую анимацию без завязки на классы. Соответственно библиотека также включена в комплект MF.
Также я добавил cookie.min.js для работы с куками. Это для специфических задач.
Произошли изменения по слайдерам. Старые Lightslider и Owl2 полностью удалены, а вместо них используется tiny-slider. Этот слайдер полностью перекрывает по возможностям предыдущие, при этом меньше по размеру и нет зависимости от jQuery. В MFStore я добавил 3 модуля для слайдера произвольного контента, и один для слайдера записей. Плюс там более удобное разделение на настройки непосредственно js-слайдера и слайдов. Раньше всё было в одной «куче».
В MF добавил собственный плагин пагинации, он включается через опции и доступно два варианта вывода. При этом, конечно же, можно использовать и любой другой плагин MaxSite CMS.
Добавлена возможность указывать размер миниатюр для info-top-файлов. Используются пары 640/480px и 800/600px. Раньше приходилось вручную править info-top-файлы, чтобы подобрать оптимальную пропорцию. Теперь это можно сделать сразу из админки. Две пары нужны вот для чего: есть вывод записей в одну колонку, а значит будет использоваться широкая 800/600px, а там где вывод в 2/3 колонки, можно делать миниатюры меньше — 640/480px. Размеры рассчитаны под адаптивность — ширина телефона, но это можно изменить по своему усмотрению.
Также добавил новый info-tiop файл page3.php, который выводит широкую миниатюру перед текстом записи. Раньше это был page.php, который теперь выводит миниатюру стандартным способом (слева или справа).
Под «капотом» было много правок. В первую очередь изменения касаются jQuery и Alpine.js. Последняя теперь загружается всегда, поскольку на неё завязано много кода. Но загружается асинхронно в BODY, а в HEAD указывается ссылка на preload: то есть загрузка происходит очень быстро и не блокирует вывод страницы, как это сейчас с jQuery.
Очень много кода было заменено с jQuery и нативного JS на Альпину. Это и формы, сообщения о куках, табы, аккордеоны — в общем там где есть хоть какая-то интерактивность - используется Alpine. Код стал меньше и чище. Там же где ещё используется jQuery, внёс правки, чтобы удалить её функцию ready()
, которая не позволяет загружать jQuery в конце BODY (или асинхронно).
Отдельно замечу, что в MaxSite CMS я добавил опцию позволяющую выбрать где именно загружать jQuery: в HEAD, BODY или вообще не загружать. Пока у нас используются плагины jQuery, отказаться от неё нельзя (да и не нужно), но движение будет направлено на то, чтобы загружать jQuery в конце BODY. Я думаю, что MF будет первым шаблоном, который позволит это сделать. Гугл будет ликовать. :-)
Наверное стоит ещё рассказать о том, что в MF я добавил возможность его расширения. Это нужно для того, чтобы запустить что-то вроде надстройки — MF Book, которая предназначена для «книжных» сайтов. То есть MF Book — это обычный MF, только содержит дополнительные типы данных для «типового» книжного сайта: авторы, жанры, самое читаемое, вывод рейтинга, чтение книг, библиотека и т.д. Об этом я жуе рассказывал в своём телеграм-канале. Продаваться MF Book будет отдельно как дополнение к MF за 50$. С учётом возможностей MF это очень небольшая сумма для такого коммерческого сайта. Про MF Book я ещё сделаю отдельный анонс и дам ссылку на описание.
Сейчас MF очень мощный шаблон, который сразу готов к использованию: будь то обычный блог, сайт для бизнеса или лендинг. В нём уже есть все необходимые блоки, а возможности настройки перекрывают большинство запросов. Покупая MF, вы здорово экономите на разработке сайта. К тому же я оказываю техническую помощь, поэтому все мои клиенты могут напрямую ко мне обращаться для решения проблем.
Заказать MF можно через контактную форму. Ознакомиться с документацией MF, где приведено много скриншотов можно на его странице.