Краткое описание
Шаблон предназначен для установки на cms Joomla, поддерживает версии 4 и 5. Разработан на базе фреймворка Uikit 3, версия 3.23.1 (последняя на момент создания). Шаблон не включает в себя никаких модулей, компонентов или демо-контента.
Мощный CSS/JS фреймворк Uikit 3 позволяет "из коробки" создавать необходимые элементы функционала и оформления.
Полностью адаптивный дизайн.
Здесь можно посмотреть Демо
Минимальные системные требования:
- на Joomla 4: php 7.25, mysql 5.6, Apache 2.4
- на Joomla 5: php 8.1, mysql 8, или MariaDB 10.4, Apache 2.4
Установочный пакет содержит шаблон и небольшую библиотеку.
Устанавливаются/удаляются одним пакетом. Обновляться могут отдельно.
Шаблон распространяется БЕСПЛАТНО.
Установка
Это будет означать что шаблон установлен!
Предварительная настройка
Прежде чем переключить шаблон по-умолчанию на себя, зайдите и проведите минимальную предварительную настройку.
В настоящий момент полноценная инструкция по настройке еще не готова. Буду выкладывать докуменатацию по мере готовности.
Вкладка "Подробности/details"
Шрифт. Устанавливаете Основной - выбираете. Если не выбрать Основной шрифт, будет установлен шрифт по-умолчанию. Если не выбрать для Заголовков, он по-умолчанию будет такой же как и Основной.
Стиль переменных - выбираем Css
Почему? Эта версия шаблона идет без "компилятора scss". Позже я подготовлю инструкцию как можно компилировать scss в css без него. Но на старте будет удобнее работать с css. С файловой системой шаблона я познакомлю вас позже.
Режим перезаписи - Включить
Значения перезаписываются после того как вы Сохраните их в шаблоне, и обновите станицу сайта (иногда из за кеширования, нужно обновить 2 раза).
Не забудьте выключить после настройки.
Задаем значения переменных. Можно экспериментировать, если потом удалить значение в одном или нескольких полях, восстановятся значения по умолчанию.
Синтаксис css, введенных значений - НЕ ПРОВЕРЯЕТСЯ! Постарайтесь быть внимательными.
Сейчас не будем подробно останавливаться на каждой настройке. Перходим к следующей вкладке.
Compiler - пропускаем, я объяснил почему.
Logo
Тип лого - если есть картинка, выберите ее
Если нет - выберите Название
Картинку выбираем из каталога images или вложенных в него каталогов, предварительно загрузив.
Название - пишем произвольное.
Выберите пока позицию - navbar-left, потом поменяете, при необходимости. Если вас не устроит ни одна из возможных позиций - выберите Тип лого - нет.
Позже вы можте создать модуль для логотипа и разместить его там где хотите
Копирайт - по желанию. Будет размещен в футере ниже всех модульных позиций
Сохраняем.
Grid
Настраиваем основную сетку нашего сайта.
Я не буду останавливаться подробно на каждой настройке. Только на важных. Остальное поробуете сами, или дождитесь инструкций.
Максимальная ширина контейнера - оставляйте 1200. Потом попробуете другие
Внешние отступы блоков сетки - расстояние между соседними блоками по горизонтали.
Разделитель - вертикальная черта между сайдбаром и контентным блоком (как на этой странице)
Sidebar-A, B
В шаблоне можно выводить 2 сайдбара. Можно их выводить и справа и слева и рядом, в общем как угодно.
Это важно.
Физически оба сайдбара расположены ПОСЛЕ контентного блока. Ниже указанного значения разрешения collapse - они свернутся ПОД контентный блок.
Позиция - на свое усмотрение.
Ширина - обычно 25% или 33%, подберете под модули позже
Если не собираетесь выводить второй sidebar, не настраивайте
В любом случае, если в модульной позиции нет модулей - она не выводится!
Navbar
На этом пока с шаблоном все ... С вашего позволения))
Более подробная информация будет публиковаться на сайте по мере готовности.
Контент - Материалы - Настройки - Форма/Editing Layout
В самом низу, вероятнее всего, установлены классы по умолчанию для изображений материалов. Установлены для другого шаблона. ..
В системе классов Uikit они не работают. Поставим свои, для обоих вариантов full/intro
Для начала пусть будет: uk-align-left@s
Модули - найдите главный модуль меню.
Если вы планируете разместить главное меню горизонтально в навбаре:
Если вертикально в сайдбаре:
Теперь, можно переключить шаблон по умолчанию на simple5u. Если вы еще не сделали этого раньше ))
Донастраивать шаблон пока придется самостоятельно.
Рекомендую. Переключить все пункты меню типа Блог категории на тип BLOG5U.
Это переопределенный макет Блог категории, с доп. настройками.
Ему будет посвящен отдельный раздел в инструкциях.
Аналогичный совет по Модулям. Если они у вас уже есть, вы будете переносить их в позиции нового шаблона. Не забывайте во вкладке Дополнительные параметры устанавливать акутальный макет из нового шаблона!