Краткое описание
Шаблон предназначен для установки на CMS Joomla, поддерживает версии 4 и 5. Разработан на базе фреймворка Uikit 3, версия 3.23.1 (последняя на момент создания). Шаблон не включает в себя никаких модулей, компонентов или демо-контента.
Мощный CSS/JS фреймворк Uikit 3 позволяет "из коробки" создавать необходимые элементы функционала и оформления.
Полностью адаптивный дизайн.
Здесь можно посмотреть (Установить VPN)
v2.1.0
P
Минимальные системные требования:
- на Joomla 4: php 7.25, mysql 5.6, Apache 2.4
- на Joomla 5: php 8.1, mysql 8, или MariaDB 10.4, Apache 2.4
Установочный пакет содержит шаблон и небольшую библиотеку.
Устанавливаются/удаляются одним пакетом. Обновляться могут отдельно.
Шаблон распространяется БЕСПЛАТНО.
Установка
Скачать установочный пакет pkg_simple5u.zip
Система → Расширения → Установить
Выбираете или перетаскиваете скачанный архив
После окончания установки переходим в Система → Стили сайта
Вы должны увидеть как минимум 2 установленных шаблона: Cassiopeia и simple5u
Это будет означать что шаблон установлен!
Предварительная настройка
Прежде чем переключить шаблон по умолчанию на себя, зайдите и проведите минимальную предварительную настройку.
Вкладка "Подробности"
Шрифт - Устанавливаете Основной - выбираете. Если не выбрать Основной шрифт, будет установлен шрифт по умолчанию. Если не выбрать для Заголовков, он по умолчанию будет такой же, как и Основной.
Стиль переменных - выбираем CSS.
Почему? Эта версия шаблона идет без "компилятора scss". Позже будет подготовлена инструкцию как можно компилировать SCSS в CSS без него. Но на старте будет удобнее работать с CSS. С файловой системой шаблона ознакомитесь позже.
Режим перезаписи - Включить.
Значения перезаписываются после того как вы сохраните их в шаблоне, и обновите станицу сайта (иногда из-за кеширования, нужно обновить 2 раза).
Не забудьте выключить после настройки.
Задаем значения переменных. Можно экспериментировать, если потом удалить значение в одном или нескольких полях, восстановятся значения по умолчанию.
Предупреждение! Синтаксис CSS, введенных значений - НЕ ПРОВЕРЯЕТСЯ! Постарайтесь быть внимательными.
Сейчас не будем подробно останавливаться на каждой настройке. Переходим к следующей вкладке.
Compiler - пропускаем, я объяснил почему.
В одной из ближайших версий мы его включим и можно будет полноценно работать с переменными scss
Logo
Тип лого - если есть картинка, выберите ее
Если нет - выберите Название
Картинку выбираем из каталога images или вложенных в него каталогов, предварительно загрузив.
Название - пишем произвольное.
Выберите пока позицию - navbar-left, потом поменяете, при необходимости. Если вас не устроит ни одна из возможных позиций - выберите Тип лого - нет.
Позже вы можете создать модуль для логотипа и разместить его там где хотите.
Копирайт - по желанию. Будет размещен в футере ниже всех модульных позиций
Сохраняем.
Grid
Настраиваем основную сетку нашего сайта.
Не будем останавливаться подробно на каждой настройке. Только на важных. Остальное попробуете сами.
Максимальная ширина контейнера - оставляйте 1200. Потом попробуете другие
Внешние отступы блоков сетки - расстояние между соседними блоками по горизонтали.
Разделитель - вертикальная черта между sidebar и контентным блоком.
Sidebar-A, B
В шаблоне можно выводить два sidebar. Можно их выводить справа, слева и рядом, в общем как угодно.
Это важно! Физически оба sidebar расположены ПОСЛЕ контентного блока. Ниже указанного значения разрешения collapse - они свернутся ПОД контентный блок.
Позиция - на свое усмотрение.
Ширина - обычно 25% или 33%, подберете под модули позже
Если не собираетесь выводить второй sidebar, не настраивайте
В любом случае, если в модульной позиции нет модулей - она не выводится!
На этом пока с шаблоном все ...
Более подробная информация будет публиковаться на сайте по мере готовности.
Еще несколько ВАЖНЫХ настроек за пределами админки шаблона.
Контент - Материалы - Настройки - Форма
В самом низу, вероятнее всего, установлены классы по умолчанию для изображений материалов шаблона CASSIOPEIA.
В системе классов Uikit они не работают. Поставим свои, для обоих вариантов full/intro
Для начала пусть будет: uk-align-left@s
Модули - найдите главный модуль меню.
Если вы планируете разместить главное меню горизонтально в navbar:
В модуле меню выберите для него одну из позиций navbar-left / center / right
Во вкладке Дополнительно/Advanced - выберите макет navbar
Сохраняем
Если вертикально в sidebar:
позиция соответствующего sidebar
макет - на выбор default / accordion / line / combo
Сохраняем
Теперь, можно переключить шаблон по умолчанию на simple5u. Если вы еще не сделали этого раньше
Дальше настраивать шаблон пока придется самостоятельно...
Рекомендую. Переключить все пункты меню типа Блог категории на тип BLOG5U. Это переопределенный макет Блог категории, с доп. настройками.
Загрузить расширение:
-
Скачать пакет с сайта разработчика (Установить VPN).
-
Скачать бесплатно расширение с нашего сервера (Без VPN):
(Ссылка недоступна для гостей сайта.)
Вы можете пройти простую Регистрацию или Войти как Пользователь.
